样式属性和标签属性的区别
二者位置不一样 样式属性写在style中,标签属性写在标签内
二者写法不一样 样式属性 属性:“属性值” 标签属性 属性=“属性值”
css的3种引入方式
1行内样式:把style当做属性使用,键值中该怎么使用就怎样用。
2行内把style当作标签使用,键值对还是老样子。
3外部引入将样式写在css文件中,这是以键值对的形式对的形式书写样式。
选择器
1标签选择器
2id选择器
3class选择器
4后代选择器 标签嵌套多层关系(包含一层)
5子代选择器 标签嵌套只有一层
6交际选择器 备注:千万不能把标签写在后面如app
CSS叫做层叠样式表,给html添加属性
type指定文件
href引入
rel和href是必不可少的
a是特殊的
要改变a里边的颜色,必须直接给a设置,父亲级设置不行
属性继承
明明是父级上设置样式,结束后代标签也跟着变化,这就叫属性继承
那些属性可以继承?color
css样式结构
字体的样式
大小font-size
颜色color
文字的样式
text-style:normal正常/oblique倾斜/italic倾斜
文本修饰
text-decoration:none什么都没有/overline上划线/line-through删除线/underline下划线
文本对齐方式
text-align:left左/right右/center居中/justify两端对齐;
text-indent:200px;文本缩进
字体
text-family:"楷体"
加粗
font-weight:bold;后面可以加数字400是正常大于400是加粗小于400是变细不用px
CSS单词
color颜色style样式none正常position位置relative相对的absolute绝对的font-style字体样式
font-family字体right右left左top上bottom底部center居中hidden隐藏 scroll滚动条 solid实线
dashed虚线 bold加粗 middle居中 no-repeat不平铺 none空
font-weight字体粗细text-indent文本缩进background-position背景位置
background-size背景大小background-repeat背景平铺width宽height高
line-height行高float浮动overflow超出text-align文本对齐vertical-align垂直对齐
text-decoration文本修饰border边框border-color边框颜色border-style边框样式
border-width边框粗细content内容margin外边距left/right/top/bottom
padding内边距top/left/right/bottom outline外线
扩展名src name名字rowspan上下合并colspan水平合并 cellpacing单元格间距 cellpadding单元格内边距 ul无序列表 ol有序列表 li列 dl自定义列表 list-style列表样式 disc实心圆 circle实心圆 square正方形