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;
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 样式设计(一)( 在线150个例子 | 背景 | 文本 | 字体 | 链接 | 列表 | 表格 | 盒模型 | 边框 | 轮廓 | 边距 | 填充 |分组和嵌套 | 尺寸 | 定位 | 浮动 |对齐 )
- CSS中背景图片,文本,列表与盒子模型的边框与边距
- CSS 文本属性text 常用简介
- CSS语法手册(四)文本填充,边框,边界和位置属性(二)
- CSS之字体属性与文本属性
- CSS_02 文字属性_文本属性_背景属性_列表属性
- Css基础学习一:字体,文本,颜色,背景,边框,边距
- CSS常用文本属性
- CSS语法手册(三)文本填充,边框,边界和位置属性(一)
- CSS样式设置语法全解,样式优先级、值和单位、字体、文本、块级元素,行内元素,替换元素、非替换元素、display、float、position、table、li、光标、边距边框、轮廓、颜色背景
- css常用属性之文本属性
- CSS颜色 尺寸 字体属性 文本属性
- css常用文本属性
- CSS语法手册(三)文本填充,边框,边界和位置属性(一)
- CSS中的字体属性和文本属性
- CSS语法手册(四)文本填充,边框,边界和位置属性(二)
- CSS的Border属性 属性 边框 可以 定义 宽度 颜色 CSS solid 类型 文本
- CSS: CSS常用的文本样式属性
- CSS样式----CSS属性:字体属性和文本属性(图文详解)
- CSS常用文本属性