css核心属性笔记总结

版权声明: https://blog.csdn.net/weixin_41849462/article/details/80779102

margin:0 auto 设置标签水平居中

text-align:center 文本居中

line-herght:行高

                    作用:1.给多行文本设置行高降低阅读困难

                              2.给单行文本设置行高时文本在容器中垂直居中(行高与容器同高)


font-size:字体大小

fon-family:设置字体//可以有多个值逗号隔开,优先使用第一个找到的字体

font-weight:字体加粗//bold加粗 normal正常 lighter更细 一般为1-900px;

                      一般400=normal,700=bold

                        100—500常规字体 取消加粗;

                        600—900加粗字体;

font-style:字体倾斜//italic oblique normal


text-align:设置文本水平对齐方式// left(左对齐 ) right(右对齐)center(居中对齐) justify(两端对齐)

vertical-align:设置文本垂直对齐方式//top(垂直靠上 )bottom(垂直靠底)middle(垂直居中)

                          仅图片,下拉列表,文本域,文本框可以使用


line-height:设置行高1.增加行间距2.居中显示                        

                       当单行文本的行高等于容器高时,可实现单行文本在容器中垂直方向居中对齐;

text-decoration:设置文本修饰;none:没有修饰  underline:添加下划线overline:添加上划线 line-through:添加删除线

text-indent:设置文本首行缩进;

text-transform:设置字母大小写//none默认capitalize首字母大写uppercase lowercase大小写

letter-spacing:设置英文汉字间距

word-spacing:设置英文单词间距;

字体简写方式:font:12px/20px "宋体"; 字体大小/行高 字体


display:设置元素的显示类型block inline 


color:设置文本颜色

//兼容性问题:图片在块状元素中会将父级元素撑大2-9像素 ,解决方法 在图片的块级元素中添加font-size:0

图片放在超链接中在IE的低版本浏览器中会出现边框   解决:给图片设置border:none;



猜你喜欢

转载自blog.csdn.net/weixin_41849462/article/details/80779102