块属性
1.水平居中 自己设置marign:0 auto
2.垂直居中 没有快捷方式(目前)
非块属性
1.水平居中 给父元素设置test-alian:center
2.单行文本垂直居中 给父元素设置line-height:父元素的高度
display:inline-block 将标签转换为行块属性
display:inline 将标签转换为行属性
display:block; 将标签转换为块属性
css引入方式
1.行间(内联样式)权重:1000
2.内部
3.外部 (项目中最常用)
常用样式
width:宽度
height:高度 记得加单位px
color:字体颜色
字体大小:font-size 默认16px 最小8px
字体粗细:font-weight 默认400 取值范围100-900 没有单位
字体样式:font-family
透明度 背景颜色和文字:opacity 取值范围0-1
背景颜色:backgroud-color 属性值:颜色单词 十六进制#000000
rgb 背景颜色 取值范围0-255(red,green,blue)三个都是255白色,三个都是0是黑色 #ffffff白色 #000000黑色
rgba(0-255,0-255,0-255)
opacity与rgba透明度的区别:opacity背景颜色和文本内容都透明,raga只有背景颜色透明
list-style:none去除有序列表和无序列表的默认样式
test-indent:首行缩进
test-decoration:none underline overline line-throug
letter-spacing:字体间距
worder-spacing:单词之间距离
test-transform:大小写转换 capitalize首字母大写
uppercase字母全部大写 lowercase字母全部小写