background:背景的通用写法
background-color:背景颜色,支持color:#fffff,6个编码相同可以简写为3个
color:rgba(0,0,0,1.00)rgba基准色编码,4个参数前3个参数控制颜色编码,最后一个参数是控制透明度(0-1之间)。
background-image:背景图片
background-repeat:背景平铺no-repeat不平铺,repeat平铺(默认值),repeat-x:X方向平铺repeat-y Y方向平铺
background-size:背景的尺寸大小,
background-size:100% 100%;把图片拉扯到与盒子高度宽度一样大小;
backgrond-position: -x坐标 –y坐标;只需要加载背景一部分背景时使用,可控制具体在背景的某个坐标开始加载背景
border:边线控制的通用写法
border:1px solid #666
border-left,border-right,border-top,border-bottom
border-radius:圆角边框,属性就一个值,当值大于盒子高度或宽度一半时,变成圆形。
clear:清除浮动clear:both 上下两侧清除浮动
line-height:文字的行高,每一行文字占用的高度。文字永远保持在行高垂直方向上的中间。
height,width:元素的高度和宽度,某些行内元素不支持高度和宽度,<span><span><a></a>,当遇到不支持控制高度的元素时,可以用display:block转换为块级元素。
display:block 显示为块级元素
display:inline 显示为行内元素
display:inline-block显示为行内块级元素。
opactiy:0-1之间的值,元素的透明度,但该属性会控制到内部元素的透明度,如果只想控制本身元素的透明度,必须使用ragb颜色控制。
z-index:在非标准流,就是使用过position属性的盒子才支持,解释:图层重叠顺序,值越大,就在最上层,值越小在最底层。支持负值。
text-align: center 居中,left,向左对齐,right向右对接
行内元素横向对齐方式:text-align:center;一定用在父级盒子上
块级元素横向对齐:margin:0 auto,使用的前提是居中的盒子宽度要设置小于父盒子的宽度,使用时该属性用在控制的元素上
text-transform:文字大小写切换。uppercase转换为大写,lowercase转换为小写
word-break:break-all控制英文以父级宽度换行。
-
PHP是什么?
2016-12-16 11:11 1626 -
程序员写博客想写什么写什么
2019-01-01 19:59 690 -
当写了烂代码的人离职之后....
2019-01-01 19:42 646 -
夜猫子程序员很可能是精神病患者?
2019-01-01 20:10 666 -
程序员生存报告,你苦你先看
2019-01-01 20:02 651