Html+Css学习第二天

<select>标签： multiple属性实现多选。

<option vlue=" 选项值2" > 选项2 </option>......

<option vlue="xx" selected=" selected"> xxx <option> 加上 selected 为默认选项

CSS:

样式的优先级：内联样式 > 嵌入样式 > 外部样式

标签选择器标签

ID选择器 #..

类选择器类名....

类选择其中的子选择器：还有一个比较有用的选择器子选择器，即大于符号(>),用于选择指定标签元素的第一代子元素。

.first>span{border:1px solid red;}

三年级时，我还是一个胆小如鼠的小女孩，

上课从来不敢回答老师提出的问题，生怕回答错了老师会批评我。就一直没有这个勇气来回答老师提出的问题。

学校举办的活动我也没勇气参加。

子选择器（child selector）仅是指它的直接后代，或者你可以理解为作用于子元素的第一代后代。而后代选择器是作用于所有子后代元素。后代选择器通过空格来进行选择，而子选择器是通过“>”进行选择。

>作用于元素的第一代后代，空格作用于元素的所有后代

* {

css值意味作用于所有 }

a:hover{ } 固定组合伪类选择器，允许给不存在的标签（标签的某种状态）设置样式。

solid ：实线

CSS中的继承性

（border:1px solid red ; 不具备继承性）

例如： p标签里面的小标签就具备继承性。

CSS中的权限值：

ID选择器权限值 > 类选择器权限值 >标签选择器权限值（继承的权限值最低。）

层叠是在html文件中对于同一个元素可以有多个css样式存在，当有相同权重的样式存在时，会根据这些css样式的前后顺序来决定，处于最后面的css样式会被应用。

内联样式表（标签内部）> 嵌入样式表（当前文件中）> 外部样式表（外部文件中）。

重要性：！important

加上这个之后，css样式将不会被覆盖掉。 eg: p{ color:blue !important;}

p{ color:red;}

加上!important 之后，它的权限制最高。

注意：!important要写在分号的前面

CSS中的排版问题：

段落缩进： text-indent: 2em ; 缩进2个字符。（注意：2em的意思就是文字的2倍大小。）

行间距： line-height: 1.5em ; 1.5倍的行间距。

设置文字间隔（字母间隔）可采用 letter-spacing

设置英文单词之间的间距可采用 word-spacing

更多相关文章