CSDN乐知教育课件——CSS.pptVIP

边缘 Margin(margin-top、margin-right、margin-bottom、margin-left) 例如，P{margin:2em 4em} Padding(padding-top、padding-right、padding-bottom、padding-left) Border-width(border-top-width、border-right-width、border-bottom-width、border-left-width) 设置值：thin、medium、thick或数值 Border-color(border-top-color、border-right-color、border-bottom-color、border-left-color) Border-style(border-top-style、border-right-style、border-bottom-style、border-left-style) 设置值：none、dotted、dashed、solid、double、groove、ridge、inset、outset。 Border(border-top、border-right、border-bottom、border-left) 例如，A:active{border:thick double red} 谢谢！！ 知知不如好知，好知不如乐知 知知不如好知，好知不如乐知 知知不如好知，好知不如乐知 知知不如好知，好知不如乐知 知知不如好知，好知不如乐知 知知不如好知，好知不如乐知 知知不如好知，好知不如乐知 知知不如好知，好知不如乐知 知知不如好知，好知不如乐知 知知不如好知，好知不如乐知 知知不如好知，好知不如乐知 知知不如好知，好知不如乐知 叠样式表 (Cascading?Style?Sheets) css 何为CSS(层叠样式表) CSS的几种设置方式 样式规则的选择器 样式规则的注释与有效范围 用DreamWeaver产生CSS 样式属性详解 一些建议的学习方法 一些建议的学习方法 何为层叠样式表 CSS是Cascading Style Sheets的简写，它除了可以轻松设置网页元素的显示位置和格式处，甚至还能产生滤镜，图像淡化，网页淡入淡出的渐变效果。 简而言之，CSS就是要对网页的显示效果实现与Word一样的排版控制。 CSS的几种方式　 内联样式表(Inline styles) meta http-equiv=“Content-Style-Type” content=“text/css” 嵌入样式表(Embedded style sheets) 外部样式表(Linked style sheets) 嵌入样式表 head style type=“text/css” media=“screen, projection” !— P{FONT-SIZE:20pt; COLOR:blue; FONT-FAMILY:宋体;LIST-STYLE-TYPE:circle; TEXT-DECORATION:underline} /style -- /head 在style/style标签对中定义的每条样式规则的基本格式如下： Selector{property:value; property:value;…} Selector:当定义一条样式规则时，必须指定受这条样式规则作用的网页元素，在一条规则中定义的网页元素就是selector（选择器），也就是选择该样式规则作用于的网页元素。 Property:指定那些将要被修改的样式名称，即css属性，如color、font-size等。 Value:赋给property的值，即CSS属性值。 外部样式表 首先编写一个test.css文件，文件中的内容如下： P{FONT-SIZE:20pt; COLOR:blue; FONT-FAMILY:宋体;LIST-STYLE-TYPE:circle; TEXT-DECORATION:underline} 接着编写一个要使用这个样式表文件的网页文件，假设网页文件与test.css文件放置在相同的目录中，网页文件中的内容如下： html head link rel=“StyleSheet” href=“test.css” type=“text/css” media=“screen” /head body pthis is a css test./p /body /html 样式规则的选择器 HTML selector Class selector ID selector 关联选择器 组合选择器 伪元素选择器 Class selector 要将一种HTML标签所创建的各处网页元素分成几类