一,css的引入方式 3种,外部(外联式) 内部(内链式) 行内式 二,演示格式 外部式: <link rel="stylesheet" href="./css/01.css"> 内部式: <style> p{ background:pink; font-size:50px; color:green; } h4{ } ...... </style> 行内式: <div style='color:pink'>文本</div> 三,字体属性 1,font-size:字号大小 例:font-size:45xp;2,font-family:字体 例:font-family:"微软雅黑"; 属性值:略 常用技巧 1. 现在网页中普遍使用14px+。 2. 尽量使用偶数的数字字号。ie6等老式浏览器支持奇数会有bug。 3. 各种字体之间必须使用英文状态下的逗号隔开。 4. 中文字体需要加英文状态下的引号,英文字体一般不需要加引号。当需要设置英文字体时,英文字体名必须位于中文字体名之前。 5. 如果字体名中包含空格、#、$等符号,则该字体必须加英文状态下的单引号或双引号,例如font-family: "Times New Roman";。 6. 尽量使用系统默认字体,保证在任何用户的浏览器中都能正确显示。 3,font-weight:字体粗细 例:font-weight:bord; 属性值(normal、bold、bolder、lighter、100~900) 4,font-style:字体风格 属性值:(normal:默认值 italic:斜体 oblique:倾斜的字体) 5,font-color:字体颜色 例:font-color:red 6,font:综合设置字体样式 选择器{font: font-style font-weight font-size font-family;} 例:{font:斜体 粗体 45px 微软雅黑;} 四,文档属性及属性值 1,line-height:行间距 例:line-height:100px; 属性值单位分别为像素px,相对值em和百分比% 2,text-align:水平对齐方式 例:text-align:center; 属性值:(left:左对齐(默认值) right:右对齐 center:居中对齐) 3,text-indent:首行缩进 例:text-indent:2em;(一个汉字就是一个em) 4,text-decoration 文本的装饰 例:text-decoration:underline; 属性值:(none:默认;underline:下划线;overline:上划线;line-through:删除线) none可以去除超链接自带的下划线 五,选择器 例:* { margin: 0; /* 定义外边距*/ padding: 0; /* 定义内边距*/ } 交集选择器(h3标签内有这个类名的拥有这个属性) 交集选择器由两个选择器构成,其中第一个为标签选择器,第二个为class选择器,两个选择器之间不能有空格,如h3.special
并集选择器(h3标签和拥有这个类名的标签都有这些属性)
后代选择器(标签内都拥有这些属性)
子元素选择器(这个标签的子代拥有这些属性)