您的位置:首页 > Web前端 > CSS

CSS 常用 字体 文本 列表 边框属性

2017-10-29 15:09 543 查看
CSS尺寸属性
px,em ,%(相对单位)

font-size:25不加单位的数字毫无意思
px像素,相对单位。和屏幕的分辨率有关。
em:一个字体高(1倍字体高),2em(当前默认字体的2倍)
%,百分比。相对单位。相对于当前默认值的百分比。

浏览器的默认字体大小为16px.
CSS字体属性
font-family: 设置字体,黑体=>simhei

如:font-family:simhei;
font-size: 设置字体的大小单位,(注意:一定加上单位)

如:font-size:24px;
font-weight:设置字体的加粗方式,100-900,bold,normal(取消加粗)

如:font-weight:100; font-weight:bold; font-weight:normal;
font-style:设置字体样式,italic

font-style:italic; 设置字体为斜体。
CSS文本属性
color :设置文本的颜色 用单词或16进制(建议#RRGGBB)

可以简写:如:#669900; 也可成:#690;
text-align 文本的对齐方式 left ,center right
line-height  行高。用于垂直方向居中,line-height设置成与所在容器的高度一致。
text-indent  文本的缩进
letter-spacing  字间距
text-decoration  文本的描述,修饰  underline,overline,line-through,none;
CSS列表属性

List-style:
none;  列表项前面的项目符号去掉。
List-style-type:none; (同上)

如:ul,li{List-style-type:none;}
CSS细线表格

<table rules=”all”>  第一种方式

<table bgcolor=”” cellspacing=”2” >  第二种方式

<td bgcolor=”white” >

<table style=”border-collapse:collapse”  第三种方式
CSS边框属性table,td
border:线宽像素 线型 红色。
border:1px solid red; 同时设置四条边
border-方向(top,right,bottom,left):1px solid red; 设置一条边的情况。
border-方向(top,right,bottom,left):none 不要某条边的设置方法。
border-width:5px 10px  20px;  (上、右、下、左的顺序) (4个参数表示上、右、下、左的次序)(3个参数表示上、左右、下的次序)(两个参数表示上下、左右的次序)
border-style:solid dashed dotted;  (border-width,border-style,border-color同上设置,单独设置一个没效果)
border-color:red blue orange;   
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签:  css