css的格式与属性

来源:互联网 发布:android 应用启动优化 编辑:程序博客网 时间:2024/05/01 08:11

一、格式

<style type="text/css">      标签名称{          属性名称: 属性对应的值;          ...      }    </style>

注意点:style标签必须写在head标签的开始和结束标签之间;style的属性type可以不用写,默认就是text/css

二、文字属性
1、规定文字样式的属性
格式: font-style: italic;
取值:italic倾斜的
normal正常的
快捷键:fs 按table键 font-style: italic;
fsn按table键 font-style: normal;

2、规定文字粗细的属性
格式:font-weight:bold;
单词取值:
bold:加粗
lighter:细线,默认是细线
bolder:比加粗要粗
快捷键:
fw font-weight:;
fwb font-weight: bold;
fwbr font-weight: bolder;
数字取值:100-900之间的整百数字

3、规定文字大小的属性
格式:font-size: 100px;
注意点:通过font-size来设置文字大小一定要带单位px
快捷键:fz font-size: ;
fz100 font-size: 100px;

4、规定文字字体的属性
格式:font-family: "楷体";
注意点:1、如果取值是中文,要用单引号或双引号引起来;
2、设置的字体必须是用户电脑里已经安装的字体
3、如果设置的字体不存在,那么系统会使用默认的字体来显示
4、如果设置的字体不存在,又不想用默认的字体来显示该怎么办:可以给字体设置备选方案: font-family:"字体1","备选方案";
5、想给中文和英文单独设置字体怎么办:但凡是中文字体都包含了英文,但是但凡是英文字体都不包含中文字体,也就是说中文字体能处理英文,但是英文字体不能处理中文。如果想给界面中的英文单独设置字体,那么英文字体必须写在前面:font-family:"英文字体","中文字体";
6、常见字体:中文-宋体、黑体、微软雅黑;英文-Times New Roman,Arial
7、文字属性的简写:font: style weight size family;例如font: italic bold 10px "楷体";在这种缩写格式中有些属性值style weight可以省略,style weight也可以交换位置;size family不能省略且位置不能随便乱放,size一定要在family前面,且size family必须写在所有属性的最后

三、文本属性
1、文本装饰属性:text-decoration: underline;
取值:line-through删除线
underline 下划线
overline 上划线
none 什么都没有,常用于去掉超链接的下划线

2、文本水平对齐属性:text-align: center;
取值:left、right、center

3、文本缩进属性:text-indent: 2em;
取值单位:2em,缩进两个文字

四、颜色控制属性,常见写法:
1、英文单词color: red;
2、rgb: color: rgb(255,50,60);
3、rgba: color: rgba(255,0,0,1);
4、十六进制:color: #FF0000;
5、十六进制简写:color: #F00;只要每两位相同就可简写为一位,如果当前颜色对应的两位数字不一样不能简写,如果两位数字一样但是不属于相同颜色也不能简写