初学者CSS基础知识.docVIP

Css样式语法由三部分构成：selector(选择器)、property(属性)和value(属性值) Css的3种将样式表加入到html方法： 将样式表嵌入到html文件的文件头中的嵌入样式表： 方法：style type=”text/css” !- - 加入的css样式表 - /style 说明：style /style 标签对用于说明所要定义的样式，type属性用于指定style /style标签对，以及css的语法定义。 tpye=”text/css”语句用于说明该段上css规则代码 有些浏览器不支持style元素，为了防止这种情况发生，可以将style元素中的内容用html的注释符!- -和- - 括起来。这样一来不支持styler的浏览器将不执行这段内容。 将一个外部样式表链接到到html文件上的外部样式表 方法：link rel =”stylesheet” type=”text/css” href=”css文件” 说明：href属性用于指定样式表的URL，也可以是绝对的URL 将一个外部样式表输入到html文件中的输入样式表（这种可以提高工作效率，节省服务器带宽） @import url (外部链接样式表文件名.css); 说明：@import后面的分号必须有，并且必须输入外部样式表达文件的扩展名”.css” Css选择器： HTML selector 这种选择器指的是html标签，如p、b、div等 class selector 包括关联class selector和独立class selector. 用“html标签名.类名”定义的选择器称为关联class selector . 用“.类名”定义的的选择器称为独立class selector. ID selector:使用html标签的ID属性定义的选择器就是ID selector. 如果在样式表中指定一个ID selector,需要在ID值前添加一个符号（#） 伪元素选择器.其格式为:html元素:伪元素{属性:值}. 常用的伪元素:A,active:是选中超链接时的状态; Ａ，hover:是光标移动到超链接上的状态; A,visited:是访问过的超链接状态; 颜色设置：命名颜色、RGB颜色、十六进制颜色。 1. 命名颜色：直接用英文单词命名（但浏览器颜色命名没有统一标准）。 RGB颜色：红、绿、蓝是3种基本色。其它色由这三种颜色按不同的比例叠加而成的。通常两种设置方法：百分比或数值。 十六进制颜色：原理同RGB原理相同，设置红绿蓝3种基本色，只不过表达方式不同。这种方法是将3种基本色的取值范围转换为00~FF，用两位十六进制数字表示，且必须按照格式#RRGGBB表示，即每种颜色值占两位，不足则补零。 URL:url用于指定引入外部文件的地址，有两种形式：绝对URL和相对URL. 文体的样式 字体：font-style:设置字体的风格。Normal（正常）、italic（斜体）、oblique(倾斜) Font-variant:设置字体的变形。Normal(正常)、small-caps(小型的大写字母字体) Font-weight:字体加粗：100-900/normal/bold/bolder/lighter Font-family:字体类型：黑体、宋体、隶书。默认为宋体。 文字的大小：xx-small x-small small medium(默认) large x-large xx-large 文字阴影颜色设置：text-shadow 下划线、顶画线、顶画线和删除线 {text-decoration:inherit(继承)、none（无文本修饰，默认设置）underline(为文体添加下画线)、overline(添加顶画线)、line-through(添加删除线)、blink(使文本闪烁) 使用下列语句可以使超链接不再有下划线： A:link,A:visited,A:active{text-decoration:none} 对齐方式：{text-align:left/right/center/justify(两端对齐)} 注意：text-align是块级属性，只能用于p.blockquqte.ul.h1~h6等标识符。不仅可以控制文体的水平对齐方式，也包括图片、影像资料的对齐方式。 垂直对齐：{vertical-align:inherit/top/bottom/text-top(相对文本顶对齐)/text-bottom(相对文本底对齐)/baseline(基准线对齐)、middle/sub（以下标的形式对齐）/super(以上标的形式显示) 行间距：{line