一:今日学习:1.css的复合选择器:是建立在基础选择器上,对基础选择器进行组合。它的优点是更加准确、高效。
2.后代选择器:是可以选择父元素里的子元素,外层写在前,内层写在后面。
3.子选择器:它只能选择作为某元素的最近的一级子元素。元素1 > 元素2 。元素1和元素2之间用大于号隔开。
4.并集选择器:它可以选择多组标签,同时为元素指定样式。每一组选择器之间用逗号隔开,每一组选择器是任意类型的选择器。
5.伪类选择器:分为链接伪类和焦点伪类。链接伪类要使用link、visited、hover、active的顺序书写,如果给其他选择器添加伪类,必须要有伪类的状态,否则不可使用。焦点伪类由focus来实现焦点元素的设置,一般与input联合使用,因为input由聚焦的状态。
6.css的显示模式:分为块元素(自己独占一行,高宽可自由设置)、行内元素(只在一行上显示,高宽不可设置),行内块元素(在一行上显示,相邻之间有空隙,高宽可设置)。这三个元素可使用display来进行互相转换。
7.css的背景属性:背景颜色(由background-color定义),背景图片{由background-image url()来定义},背景平铺(由background-repeat来定义),背景图片定位(由background-postition来定义,如果只定义了一个方位,则另一个方位默认居中),背景图片的滚动(由background-attachment来定义,属性值有fixed和scroll)。
8.背景的复合写法:由background定义,其中包括color,image,repeat,attachment,positition。其中元素顺序可以随意调换。
9.背景半透明:有background-rgba来定义,rgba后为(0,0,0,0.3),意为透明度为百分之三十。
10.css的三大特性:①.层叠性:相同的选择器设置相同 的格式。样式冲突时,遵循就近原则,样式不冲突时,元素不会重叠。
②.继承性:在css中,子标签会继承父标签的某些样式。可继承text、font、line、color等。
③.优先级(权重):如果选择器相同则执行层叠性,如果不同执行优先级。权重是由四组数字组成,不会有进位。如果使用复合选择器,那么就将复合选择器的权重相加。继承的权重为0,父元素的权重样式再高,对于子元素的权重依然为0.
二:今日问题:无
三:解决方案:无
|