第十五章 剩余部分

一、更多的选择符

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”>

 

posted @ 2013-05-21 16:54  景莉  阅读(122)  评论(0编辑  收藏  举报