江苏龙网

  1. 主页 > 生活百科 > >

常用css列表

css

color 设置文字的颜色 ， 如： color:red;
font-size 设置文字的大小 ， 如：font-size:12px;
font-family 设置文字的字体 ， 如：font-family:‘微软雅黑’;
font-style 设置字体是否倾斜 ， 如：font-style:‘normal’; 设置不倾斜 ， font-style:‘italic’;设置文字倾斜
font-weight 设置文字是否加粗 ， 如：font-weight:bold; 设置加粗 font-weight:normal 设置不加粗
line-height 设置文字的行高 ， 设置行高相当于在每行文字的上下同时加间距 ，  如：line-height:24px;
font 同时设置文字的几个属性 ， 写的顺序有兼容问题 ， 建议按照如下顺序写： font：是否加粗 字号/行高 字体；如： font:normal 12px/36px ‘微软雅黑’;
text-decoration 设置文字的下划线 ， 如：text-decoration:none; 将文字下划线去掉
text-indent 设置文字首行缩进 ， 如：text-indent:24px; 设置文字首行缩进24px
text-align 设置文字水平对齐方式 ， 如text-align:center 设置文字水平居中
text-overflow 设置一行文字宽度超过容器宽度时的显示方式 ， 如：text-overflow:clip 将多出的文字裁剪掉 text-overflow:ellipsis 将多出的文字显示成省略号
white-space 一般用来设置文本不换行 ， 如：white-space:nowrap 设置文本不换行 一般与text-overflow和overflow属性配合使用来让一行文字超出宽度时显示省略号
list-style 一般用来设置去掉ul或者ol列表中的小圆点或数字 如：list-style:none
width 设置盒子内容的宽度 ， 如： width：100px;
height 设置盒子内容的高度 ， 如： height：100px;
border-top 设置盒子顶部边框的三个属性 如：border-top:5px solid red;设置盒子顶部边框为3像素宽的红色的实线 ， 详细设置说明：盒子模型
border-left 设置盒子左边边框的三个属性 如：border-left:3px dotted red;设置盒子左边边框为3像素宽的红色的点线 ， 详细设置说明：盒子模型
border-right 设置盒子右边边框的三个属性 如：border-right:2px dashed red;设置盒子右边框为2像素宽的红色的虚线 ， 详细设置说明：盒子模型
border-bottom 设置盒子底部边框的三个属性 如：border-bottom:1px solid red;设置盒子底部边框为1像素宽的红色的实线 ， 详细设置说明：盒子模型
border 同时设置盒子的四个边框 ， 如果四个边的样式统一就使用它 如：border:1px solid #000 设置盒子四个边都是1像素宽的黑色实线 ， 详细设置说明：盒子模型
padding 设置盒子四个边的内边距 如：padding:10px 20px 30px 40px 分别设置盒子上边(10px)、右边(20px)、下边(30px)、左边(40px)的内边距(顺时针) ， 详细设置说明：盒子模型
margin 设置盒子四个边的外边距 如：margin:10px 20px 30px 40px 分别设置盒子上边(10px)、右边(20px)、下边(30px)、左边(40px)的外边距(顺时针) ， 详细设置说明：盒子模型
overflow 设置当子元素的尺寸超过父元素的尺寸时 ， 盒子及子元素的显示方式 如：overflow:hidden 超出的子元素被裁切 ， 详细设置说明：元素溢出
display 设置盒子的显示类型及隐藏 ， 如：display:block 将盒子设置为以块元素显示 display:none 将元素隐藏 ， 详细设置说明：元素类型
【常用css列表】float 设置元浮动 如：float:left 设置左浮动 float:right 设置右浮动 ， 详细设置说明：元素浮动
clear 在盒子两侧清除浮动 如：clear:both 在盒子两侧都不允许浮动 ， 详细设置说明：元素浮动
position 设置元素定位 如：position:relative 设置元素相对定位 ， 详细设置说明：元素定位
background 设置元素的背景色和背景图片 ， 如：background:url(bg.jpg) cyan;设置盒子的背景图片为bg.jpg ， 背景色为cyan ， 详细设置说明：元素背景
background-size 设置盒子背景图的尺寸 ， 如：background-size:30px 40px;设置背景图的尺寸宽为30px ， 高为40px ， 这个属性不能合到background属性中 ， 详细设置说明：retina屏适配
opacity 设置元素整体透明度 ， 一般为了兼容需要加上filter属性设置 如：opacity:0.1;filter:alpha(opacity=10)
cursor 设置鼠标悬停在元素上时指针的形状 如：cursor:pointer 设置为手型
outline 设置文本输入框周围凸显的蓝色的线 ， 一般是设为没有 如：outline:none


推荐阅读


上一篇：如何鉴别普洱茶的品质

下一篇：白茶种类分芽茶与叶茶两种介绍