Web前端技术（HTML5+CSS3+响应式设计 课件 3--CSS样式基础.ppt

属性href是指向文件demo3-3.css的存储路径一个CSS文件可以被链接到多个HTML文件中，使他们具有相同的样式风格，当需要对样式进行修改时，只需要对该CSS样式文件进行修改。*外部样式表是最常用的一种引用方法**这里为body准备了三种字体，一般建议在font-family规则中都提供一个serif（通用字体系列），这样当客户端无法提供匹配的字体时，至少可以选择一个候选字体。****有些标签是自带样式的，例如hn、b、strong标签默认具有bold样式。*这里的30px是属性line-height的值，设置的是行间距。**常应用于超级链接a{text-decoraion:none;}**同一个段落中每一行文本的行间距相同，不同的段落可以设置不同的行间距。**（3）字体粗细font-weightfont-weight属性用于定义字体的粗细，其可用属性值如下表所示。例如：.one{font-weight:bold;}p{font-weight:900;}值描述normal默认值。定义标准的字符bold定义粗体字符（最常用）bolder定义更粗的字符lighter定义更细的字符100~900（100的整数倍）定义由细到粗的字符。其中400等同于normal，700等同于bold，值越大字体越粗3.5.1CSS字体（4）字体样式font-stylefont-style属性用于定义字体风格，如设置斜体、倾斜或正常字体，其可用属性值如下：normal：默认值，浏览器会显示标准的字体样式。italic：浏览器会显示斜体的字体样式。oblique：浏览器会显示倾斜的字体样式。其中oblique一般是让没有斜体属性的文字通过倾斜达到与italic类似的效果，实际工作中常使用italic。例如：h3{font-style:italic;}3.5.1CSS字体（5）字体变形font-variantfont-variant属性用于设置变体（字体变形），仅对英文字符有效，其可用属性值如下：normal：默认值，浏览器会显示标准的字体。small-caps：显示小型大写的字体。中间的字符就是小型大写字母“A”3.5.1CSS字体（6）复合属性fontfont属性可以一次设置多个字体属性，必须按如下顺序设置：font-stylefont-variantfont-weightfont-size/line-heightfont-family可以省略其中的一个或多个属性，但至少要包括font-size和font-family这两个属性。例p{font:italicbold12px/30pxarial,sans-serif;}3.5.1CSS字体（1）文本颜色colorcolor属性用于定义文本的颜色，其取值方式有如下3种：预定义的颜色值，如：color:red;，还有blue、green等都是常见的预定义颜色值。十六进制值，取值范围为#000000～#FFFFFF，如#FF0000表示红色，也可以简写为#F00。RGB：R、G、B分别代表光学三原色的红色、绿色、蓝色，它们的取值范围均为0～255，例如RGB（255，0，0）表示红色，有时会进一步用RGBA来表示带透明度的颜色，A表示透明度，取值范围是0~1，例如RGBA（255，0，0，0.2）。3.5.2CSS文本（2）文本对齐方式text-aligntext-align属性用于设置文本内容的水平对齐，其可用属性值如下：left：左对齐（默认值）right：右对齐。center：居中对齐。3.5.2CSS文本（3）文本修饰text-decorationtext-decoration用于设置文本的下画线、上画线、删除线等修饰效果，其可用属性值如下：none：没有装饰（正常文本默认值）。underline：下画线。overline：上画线。line-through：删除线。3.5.2CSS文本（4）文本转换text-transformtext-transform属性用于控制英文字符的大小写转换，可用属性值如下：none：不转换（默认值）。capitalize：首字母大写。uppercase：全部字符转换为大写。lowercase：全部字符转换为小写。例如：p{text-transform:lowercase;}，可以将整个段落中的所有英文字符转换成小写字符。3.5.2CSS文本（5）文本缩进tex