1.CSS属性
基本属性
height， 高度 百分比 width， 宽度 像素，百分比 text-align:ceter, 水平方向居中 line-height， 垂直方向根据标签高度 color、 字体颜色 font-size、 字体大小 font-weight 字体加粗
NNNN
背景属性 background
属性介绍
- background-color
- background-image
- background-repeat
- background-position
边框属性border
属性介绍
- border-width
- border-style (required)
- border-color
ssss
2.dispaly属性
- display: none; 让标签消失
- display: inline; 块级标签--->行内
- display: block; 行内标签--->块级
- display: inline-block; 具有行内，块级属性
行内标签：无法设置高度，宽度，padding margin 默认自己有多少占多少
块级标签：设置高度，宽度，padding margin
ssssnnnn
ALEx Eric
4.内边距(padding)和外边距(margine)
盒子模型
- margin: 用于控制元素与元素之间的距离；margin的最基本用途就是控制元素周围空间的间隔，从视觉角度上达到相互隔开的目的。
- padding: 用于控制内容与边框之间的距离；
- Border(边框): 围绕在内边距和内容外的边框。
- Content(内容): 盒子的内容，显示文本和图像。
ssssss
居中应用 <body style="margin: 0 auto">
5.float属性
- 常见的块级元素有 div、form、table、p、pre、h1～h5、dl、ol、ul 等。
- 常见的内联元素有span、a、strong、em、label、input、select、textarea、img、br等
11112221111222
2.overflow: hidden,auto
6.position(定位)
1. static
static 默认值，无定位，不能当作绝对定位的参照物，并且设置标签对象的left、top等值是不起作用的的。
2. position:fixed
在理论上，被设置为fixed的元素会被定位于浏览器窗口的一个指定坐标，不论窗口是否滚动，它都会固定在这个位置。
返回顶部ssss
3. position: relative／absolute
头部内容
4.opcity: 0.5 透明度
5. z-index:10 层级顺序
ssss
7.hover 鼠标效果
/*当鼠标移动到当前标签上时，以下css属性才生效*/
a:link（没有接触过的链接）,用于定义了链接的常规状态。 a:hover（鼠标放在链接上的状态）,用于产生视觉效果。 a:visited（访问过的链接）,用于阅读文章，能清楚的判断已经访问过的链接。 a:active（在链接上按下鼠标时的状态）,用于表现鼠标按下时的链接状态。 伪类选择器 : 伪类指的是标签的不同状态: a ==> 点过状态 没有点过的状态 鼠标悬浮状态 激活状态 a:link {color: #FF0000} /* 未访问的链接 */ a:visited {color: #00FF00} /* 已访问的链接 */ a:hover {color: #FF00FF} /* 鼠标移动到链接上 */ a:active {color: #0000FF} /* 选定的链接 */ 格式: 标签:伪类名称{ css代码; }
8.CSS练习
