a[href=”www.baidu.com”]{background-color:red} 选取href属性为www.baidu.com 的a元素 如果属性存在...等特殊符号,需要加“ ”
a[href^=www]{background-color:red}表示href的属性值以www开头 的a元素。
a[href$=”.com”]{background-color:red}表示href的属性值以com结尾 的a元素。
a[href*=baidu]{ ackground-color:red}表示href的属性值含有baidu的a元素。
Ul .a+li是选择class为.a的元素同级下一下li元素
Ul .a~li是选择class为.a的元素同级的所有li元素
Boeder-radius:5px可设置圆角。 Outline:none可取消外边框的黑线
浮动
Float:left向左浮动。脱离了标准流布局,会给父盒子造成塌陷。必须在其父元素加上overflow:hidden
也可以给父盒子内添加一个div style:clear:both清除两边的塌陷
也可以给父盒子内添加一个height,但是如果div足够多仍然会塌陷
.a:hover{content:’’;
Display:block;
Clear:both;}这是第四种解决父盒子塌陷的方法 11.25
Position:relative 相对于自身的位置进行偏移
Position:aboslute 因为子元素是aboslute父元素也是aboslute,子元素会以父元素为基准,但父元素使用绝对定位会脱离文档流。所以要使用relative和aboslute相结合的方式
Relative相对定位
Aboslute绝对定位
Fixed固定定位(与文档流无关,不占据空间)
z-index 可以提升层级Relative, Aboslute, Fixed