2019.9.2 NIIT第四十八天
css样式类型
- 内部样式--内嵌样式
- 引用外部样式(可以使CSS和HTML分离，CSS可复用，可被多个html文件引用)
- 行内样式
三个样式的优先级
从上往下解析，下面的覆盖上面的 行内样式优先级最高
边框
边框有三个属性：
- 边框的种类
- 边框的线条粗细border-width
- 边框的样式border-style 颜色的选择建议使用16进制
布局
布局浮动与清除
- 浮动的元素和让出原先的物理位置
- 通过设置float可以设置浮动位置，改变排列方式
- clear 清除周围浮动
float设置元素的排列方式，可以从左到右，或从右到左 clear设置当前元素的左右两边是否有浮动元素，页面排版是去使用他它
类型转换
display：把块级元素变成行内元素或者把行内元素变成块级元素 block，none，inline 如果display：none会隐藏元素，并且原来的元素不占物理空间 display：block显示为块级元素(有换行符) display：inline显示为行内元素(无换行)
字体设置
font相关设置 font-family字体样式 text-align对齐样式
背景
background
外边距和内边距
margin padding
div中实现图片剧中
需要将图片转换成块级元素，然后设置margin左右为auto
绝对定位
从计算机左上角原点开始计算
相对定位
相对于元素原来的位置开始计算
层级显示
z-index：等级；默认是零 只有被定位过才能被设置层级(相对或绝对定位下有效)
超链接的样式
鼠标样式
cursor
