CSS学习笔记

列表样式

list-stye:控制列表中图形样式，对齐方式

背景颜色中有一个渐变指示:rgba()

padding属性:元素离边框的距离

 

块(可定位)元素:段落、表格、div；

盒子模型：边框与边框之间的距离

margin:两个相邻的外边距连接一起时，两者之间的距离最大为边距非两者之和

 

定位:进行位置定位时，不考虑盒子中的边距问题。

普通流:

浮动流:

绝对定位:

 

样式选择器

元素选择器:

body,th {font:20px;}

类选择器:

*.menu {border:1px solid blue;} //任何标签的menu类:p.menu p标签的menu类

.menu li {background-color:gray;} //menu类选择器中li标签样式

.menu > li {margin-left:30px;} //menu 中第一级(紧挨着)li孩子标签样式

h1 + p {background:green;} // h1紧邻的p选择器

 

a:hover {} //伪类选择器

a.red {} // 伪类选择器

 

id选择器:

*#menu {border:1px solid blue;} //

 

属性选择器:

*[title] {color:red;} //包含title标签的所有css属性

 

通用兄弟选择器:

p ~span {color:red} // p 的所有兄弟标签