第十五章 剩余部分
一、更多的选择符
1、伪元素选择符:可以用来选择元素的一部分
first-letter 伪元素选择符可以用来选择一个块元素文本的第一个字,允许你设置首字大写和首字下沉,first-line的伪元素选择符,用来选择某一段的第一行文字。
P:first-letter { font-size: 3em; }
P:first-letter { font-style:italic; }我们在这里设置了一个大号的段落首字和一行段落斜体字
2、属性选择符:你能基于属性值选择元素
Img[width] { border: black thin solid; }此选择符选择XHTML中包含width属性的所有图像。
Img[height=”300”] { border: red thin solid; }此选择符选择包含heigh属性值为300的所有图像。
Image [alt~=”flowers”] {border: #ccc thin solid;}此选择符选择含有alt属性并且值为“flowers”的所有图像
3、基于兄弟进行选择:可以基于前面的兄弟选择元素,如,你想要选择前面的有一个<h1>元素的段落,那么你可以用这个选择符。
H1+p { font-style: italic; }此选择符选择紧跟着一个<h1>元素的所有段落
4、组合选择符:你可以选取一个类选择符然后把它作为子孙选择符的一部分。
.blueberry p { color: purple; } 我们选择了blueberry类中一个元素子孙的所有段落。
1】、首先,定义要选择元素的上下文 div#greentea >blockquote
2】、写出你要选择的元素: div#greentea >blockquote p
3】、详细说明伪元素选择符或者伪类:
div#greentea >blockquote p:first-line { font-style: italic; }
二、框架
1、使用<frameset>和<frame>元素在网页中创建一组框架
<frameset rows=”30,*,20%”>
<frame name=”header” src=”header.html” />
<frame name=”content” src=” content.html” />
<frame name=”footer” src=” footer .html” />
</frameset>
2、以单个name为锚点,使用<a>元素在目标链接中指定框架名,
<a href=”newpage.html” target=”content”>new content</a>
3、<iframe>它能够被新版本的浏览器所支持。这个内联元素<iframe>允许你在页面的任何地方放置框架
<iframe name=”inlinecontent” src=“newcontent.html” width=”500” height=”200” />
4、如果要使用框架,需在含有框架布局的网页中使用DOCTYPE,框架布局的DOCTYPE被认为是一种过渡性文本,所以不能设置框架和规范。
HTML 4.01用法:<!DOCTYPE html PUBLIC “-//W3C//DTD HTML 4.01 Frameset//EN” “http://www.w3.org/TR/html4/frameset.dtd”>
XHTML 1.0用法:
<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Frameset//EN” “http://www.w3.org/TR/xhtml1-frameset.dtd”>