Css的核心属性

Css的核心属性

1.浮动属性:float
float:left;左浮动
float:right;右浮动
float:none;元素不浮动
浮动的作用:
(1)定义网页中其他文本该如何围绕该元素显示
(2)让竖着的元素横着来
脱离文档流:当一个元素不再在文档流中占据空间,而是漂浮在文档流上方的时候
浮动会脱离网页文档,与其他不浮动的元素发生重叠
但是不会与文字发生重叠,文字会围绕浮动元素显示
2.清除浮动
clear:none;允许有浮动对象
clear:left;清除左浮动
clear:right;清除右浮动
clear:both;不允许有浮动对象
清除浮动的作用就是让浮动之后的元素再次竖着来,清除浮动只是改变元素的排列方式,给某一个元素清除浮动之后该元素会竖着排
3.文本属性
font-size字体大小,单位可以是px,pt,em等,12pt=16px,1em=16px,浏览器默认是16px,设计图常用的字号是12px
color颜色
font-family字体,当字体是中文字体、英文字体中有空格时,须加双引号,多个字体之间用逗号连接,先解析第一个字体,如果没有解析第二个字体,以此类推
font-weight 加粗 bold bolder normal
line-height行高
font文字简写 font是font-style font-weigth font-size/line-height font-family的简写,必须同时制定font-size/line-height属性起作用
text-align文字对齐
text-align-last:justify 最后一行两端对齐
text-align:justify 多行文本两端对齐
text-decoration文本修饰 none underline overline line-through
text-indent首行缩进,可以取负值,只对第一行起作用
4.列表属性
list-style-type定义列表符号样式 disc circle square none
list-style-image将图片设置为列表符号样式 url();
list-style-position设置列表项标记的放置位置 outside inside
list-style 简写 none去除列表符号
5.背景属性
background-color背景颜色
background-image背景图片
background-repeat 背景图片的平铺 no-repeat repeat repeat-X repeat-Y
background-position背景图片的定位 水平位置 垂直位置;可以给负值
background-size:cover背景图全覆盖;背景不更换
background-attachment背景图片的固定 scroll,fixed

发布了29 篇原创文章 · 获赞 3 · 访问量 874

猜你喜欢

转载自blog.csdn.net/qq_43756690/article/details/104105159