1、css具体格式： 选择器{属性1:属性值;属性2:属性值;…} 2、css代码具体特点： （1）、css样式中的选择器严格区分大小写，一般习惯用小写 （2）、多属性之间要用英文分号（;）隔开，最后一个可以省略，但最好保留（为了便于增加新属性） （3）、如属性值含有多个单词，需用空格隔开，该属性值需要用英文引号（""） （4）、在编写css代码时，为了提高代码的可读性，通常会加上css注释（/…/） （5）、css格式最好进行排版，提高可读性 ex：h1{ height:10px; width:10px; } 注意：属性的值与单位之间不能存在空格。 3、引入css样式表（3种） （1）、行内式 <标记名 style=“属性1:属性值; 属性2:属性值;”>内容 （2）、内嵌式（内部样式） css代码集中于head头部标记中，并且用 （3）、链入式（外部样式） css代码集中于一个以.css为扩展名的外部样式表文件中，通过标记链接到HTML文档中 标记放在标记中，link标记有三个属性： （1）、href：属性值为外部样式表文件的url，相对路径或绝对路径 （2）、type：属性值为text/css 表示链接的为css样式表 （3）、rel：属性值为sheetstyle 表示链接的文档是样式表文件 4、css基础选择器（7种） （1）、标记选择器 标记名{ 属性:属性值; 属性:属性值; } （2）、类选择器 .类名{ 属性:属性值; 属性:属性值; }
（3）、id选择器 #id名{ 属性:属性值; 属性:属性值; } （4）、通配符选择器（HTML文档所有元素都有效） *{ 属性:属性值; 属性:属性值; } （5）、标签指定式选择器 第一个为标记选择器，第二个为class或id选择器 用于选择有该标记和该class或id p.class 或 p#id{ 属性:属性值; 属性:属性值; } （6）、并集选择器 h1,h2,h3,p,.class,#id{ 属性:属性值; 属性:属性值; } （7）、后代选择器 外层标记写前面，内层标记写外面，中间用空格隔开。标记嵌套时，内层标记为外层标记的后代 p strong{ 属性:属性值; 属性:属性值; } strong标记里的内容发生变化 5、文本样式属性 （1）、font-size:字号大小 常用px （2）、font-family:字体 font-family:“华文彩云” （3）、font-weight:字体粗细 属性值有bord（粗）、border（更粗）、lighter（更细）、100~900（400等于默认；700等于bord） （4）、font-style:字体风格 属性值有normal（默认）、italic（斜体）{常用}、oblique（倾斜） （5）、font:综合设置字体样式 选择器{font：font-style font-weight font-size font-family} 必须保留font-size和font-family，其余的可以不写（默认值） （6）、@font-face属性（服务器字体须在网上下载） @font-face{ font-family:自定义； src:url(路径) } p{ font-family:上面自定义的名字; font-size:px; } （7）、word-wrap属性 选择器{ word-wrap:属性值; } 属性值有normal（默认）、break-word（进行自动换行） 6、文本外观属性 （1）、color:文本颜色 取值3种： >预定义颜色：red、blue等 >十六进制 最常见 >RGB代码 （2）、letter-spacing:字间距 允许用负值；若为英文，控制字母之间的间距 （3）、word-spacing:单词间距 允许用负值 （4）、line-height:行间距 常用px （5）、text-transform:文本转换 该属性用于控制英文字符的大小写。属性值如下： none：不转换（默认） capitalize：首字母大写 uppercase：全部大写 lowercase：全部小写 （6）、text-decoration:文本装饰 上划线、下划线、删除线装饰 none：不转换（默认） underline：下划线 overline：上划线 line-through：删除线 （7）、text-align:水平对齐方式 left：左对齐（默认） right：右对齐 center：居中对齐 （8）、text-indent:首行缩进 允许用负值；单位有em、百分比、px。建议用em，为字符几倍 （9）、white-space:空白符处理 属性值如下： normal:常规（默认），空格、空行无效，满行自动换行 pre：空格、空行有效 nowrap：空格、空行无效，不遇见 不换行，满行出现滚动条 （10）、text-shadow:阴影效果 选择器{text-shadow:h-shadow v-shadow blur color;} 分别为水平阴影、垂直阴影、半径、颜色 （11）、text-overflow:标识对象内溢出文本 取值 clip：修剪溢出文本，不显示"…" ellipsis：用"…"代替修剪文本，省略标记插入位置为最后一个字符