今日学习内容
CSS的复合选择器
css复合选择器是对基础选择器的组合
后代选择器:可以选择父元素里面所有的子级元素。父级元素 子级元素{样式声明}比如 div p {color} 元素1和元素2可以是任意的基础选择器
子选择器:只能选择某元素最近一级的元素:元素1 > 元素2 {样式声明};
并集选择器,div,p,.box{样式声明}
每一组选择器可以是任意类型的选择器
伪类选择器
链接伪类选择器
a:link{}
没有访问时
a:visited{}点击后
a:hover{}鼠标悬停
a:active{}点击时
焦点伪类选择器
focus{}一般与input搭配使用
CSS的元素显示模式
HTML元素显示模式的分类
块元素:独占一行,可以设置宽高,宽度默认的是父级宽度的百分之百
行内元素:一样多个,宽高设置都是无效的,默认的宽高是它本身内容的宽高,行内元素只能容纳文本或者其他的行内元素
注意:链接里面不可以再放链接
行内块元素:相邻的行内块元素在一行上显示,并且有空白缝隙:高度和宽度可以进行设置(块级元素的特点,不设置时候,默认本身内容的宽高
元素显示模式的转换
切换行内元素:display:inline
切换块级元素:display:block
切换行内块元素:display:inline-block
CSS的背景属性
背景颜色:background-color:
背景图片:background-image:url
背景平铺:background-repeat:repeat/no-repeat/repeat-x/repeat-y
背景图片定位:background-position:精确的像素值单位和方位,两者可以混合使用
背景图片的滚动:background-attachment:scroll /fixted
背景的复合写法:background:一般默认的属性顺序:background-color background-image background-repeat background-attachment background-position
背景半透明:background:rgba(0,0,0,0.3)a是alpha的缩写,代表透明度的意思,取值范围在0~1之间
CSS的三大特性
层叠性
相同的选择器设置相同的样式,此时新的样式会覆盖掉旧的样式
样式冲突的时候,遵循就近原则,哪个样式距离结构更近,就用哪一个
样式不冲突的时候,不会层叠。
继承性
在css中,子标签会集成父标签的某些样式,比如文本颜色和字号等等
可以被继承的属性:text-、font-、line-以及color属性
优先级(权重)
权重表:继承和通配符选择器<标签选择器<类和伪类选择器<id选择器<行内样式<!important
可以按照特殊性记忆,特性越强权重越大。
今日遇到的问题:无
今日已解决问题:无
|