HTML5的简介 - WangZiChen(2)_H5之家 - 中国HTML5教程资源分享第一站

<p class ="high">第一段文件</p>
<p>第二段文字</p>

<div class ="high">div1</div>
<div>div2</div>

然后在CSS文件中：

.high{
color: red;
}

这个标签是作用于class类标签属性是high的标签，所以会作用于"第一段文字"和"div" 总结：class标签就是可以把不同类的标签可以归为一个类class 注意类选择器开头要有"."符号哦类选择器的名字可以是标签中class属性字符串的一部分比如：.he类选择器名可以访问class = "woe he llo"的标签(注意要空格隔开的，不隔开(比如woehello)无用) "."是用来找class属性的，而"#"是用来找id属性的。 id选择器：

<!DOCTYPE html>
<html>
<head lang = "en">
     <meta charset="UTF-8">
       <title></title>
      <style>
         #rose {
                        font-size: 50px;
         }
        </style>
</head>
<body>
    <div>11111</div>
     <p>2222</p>
        <a>222</a>
</body>
</html>

如果id="rose"的标签有两个，IDE会报错，浏览器运行无效。和类标签选择器一样，Class通过.符号去选择，id选择器通过#符号去选择 #rose选择器表示查找并将这里面的属性设置到标签中id是rose的标签群组选择器

普通形式，神马标签都写上：

1
2
3 div , p , a {
font-size:50px;
} 其实质意义上div,p,a三者是并列的。

再举一个并列选择器(或者)：

div , .high{
color: red;
};

作用：只要标签中有div或者有class=”high”或者是div和class=”high都有的都能设置

另外，如果要设置所有标签的设置，那么选择器名可以是符号 *

* {
font-size: 50px;
}

复合(并且):

div.high{
color: red;
}

还有就是需要同时符合三个条件，而且顺序不能乱：

1
2
3 div.high#jack{
color: blue;
}

意思就是，必须既是div，而且是class属性有high，最后还要id为jack都满足的标签

后代选择器(之间空格)：

div .tom {
color: red;
}

就是找到div里面class=”tom”的所有子标签

如果是：

div p div span p{
}

就要找到div包含的p，这个p包含的div，这个div包含的span，这个span包含的p

然后根据后代又分为两种： 1、直接后代选择器，2、相邻兄弟选择器

div > p {
}

这里就是针对直接后代的，就是div包含的直接p标签，不是间接包含的标签

1
2 div + p {
}

相邻兄弟选择器，找到相邻的选择器

属性选择器：

div[name]{
}
div[name][id]{
}

CSS的优先级(从1~4优先级别越来越低)：

带有 !important 的属性
在style属性中的样式
先比较选择器的优先级，优先级高的会覆盖优先级低的。
        针对性越强(范围越小)的选择器，优先级越高
    针对性越弱(范围越大)的选择器，优先级越低
    例子：<div>hewelf</div>
   这里明显，id属性能够限定的标签最小，甚至对应的是一个标签。
如果优先级都相同，再比较选择器的先后顺序，后面的会覆盖前面的。

还有一种别人总结的经验：算权值标签 1 类 10 id 100 然后求和计算css的选择器的权值 CSS的注释是这样的 /* 内容 */ 但是在CSS中//这样的注释是无用的。

HTML注释：

CSS标签用的冒号叫"伪类"
div:hover {
color: blue;
}hover表示鼠标悬浮在div标签上面的时候，会设置相关的属性，这里会让div标签内容变成蓝色

CSS选择器–伪类(了解):

CSS选择器--伪类.png

HTML的输入框初识

... <input placeholder="请输入用户名">这个就是在输入框内添加浅色的提示 ... Term和Alfred2的使用

iTerm和Alfred2的使用

iTerm和Alfred2的安装和使用笔记网址:

标签类型