《Java Web程序开发与分析》课件_第三章.ppt

样式规则的继承：HTML有默认的样式，但是自定义的样式会覆盖它。元素和其子元素也有样式规则的继承与覆盖问题。父元素与子元素之间的样式继承问题，遵循以下原则：子元素会继承父元素的样式；当子元素定义了自己的样式，则子元素的样式会覆盖父元素的样式。*派生选择器：派生选择器也叫上下文选择器，它直接使用元素的类型（可以间接理解为HTML中标签名）来选择元素。如前面所提到的示例中：*styleh1{样式规则}/style当针对特定元素的后代元素进行选择时，祖先元素和后代元素之间通过空格分隔（即前面所述的样式嵌套）。若希望缩小两个元素之间的关系范围，可以使用‘’将两个元素之间的关系由祖先和后代缩小为父元素和子元素：ullip{color:#00f;//蓝色}*派生选择器：*为样式规则创建类和标识可以看出，前面所涉及的样式规则是通过重新定义HTML固有的标记来修改它们的格式。同时，可以通过创建类和标识来构建自己的样式。创建类样式style.类名{样式规则}/style标记class=“类名”HTML元素可以设置class属性，该属性可以用来规范一类元素，而不是某一个元素，比如作为同一作用的按钮也应该设为同一类。同类的元素的class属性值是相同的。一个元素也可以拥有多个class值，这样同一个元素可以被划分到不同的类别中。**例如：htmlhead title我的第一个网页/titlestyleul{list-style-type:square}.new{color:red}/style/head*body b欢迎光临本站!/bulliaaaaa/lilibbbbbulliclass=newMMMMMM/liliNNNNNNN/li/ul/liliccccc/li/ul/body/html**创建标识（id）样式style#标识{样式规则}/style标记id=“标识”在HTML文档中，可以使用id属性对每一个不同的元素进行标识，样式的选择器支持根据元素的id属性对元素进行选择。与class选择器的区别在于应用范围：一个类样式可以用于一个文档的多个选择（标签），而一个标识则唯一指定文档中某个特定的选择（标签）。*pid=only1使用id选择器选择元素,changefont-familytoInconsolata/ppid=only2使用id选择器选择元素,changefont-familytoHelveticaNeue/p#only1{font-family:Inconsolata;}#only2{font-family:HelveticaNeue;**伪类伪类是单独对a标签（超链接）等使用的，可以通过伪类设置超链接的显示样式：（1）a:link:未访问过的超链接；（2）a:visited:已经访问过的超链接；（3）a:hover:操作鼠标悬放时的超链接；（4）a:active:单击超链接；如：stylea:link{color:black} a:visited{color:blue}stylehtml

head

title我的第一个网页/title

style

a:link{color:red}

a:hover{color:green}

/style

/head

body

伪类的使用：br

ahref=images/pic34.jpg图像显示链接/a

/body

/html

**标签样式规则：body{border-collapse:separate;caption-side:bottom;color:blue;}form{