css教程:css和document

2020-05-14 07:40:28易采站长站整理

* h4 – 4级标题
* h5 – 5级标题
* h6 – 6级标题
* hr – 水平分隔线
* isindex – input prompt
* menu – 菜单列表
* noframes – frames可选内容,(对于不支持frame的浏览器显示此区块内容
* noscript – )可选脚本内容(对于不支持script的浏览器显示此内容)
* ol – 排序表单
* p – 段落
* pre – 格式化文本
* table – 表格
* ul – 非排序列表
内联元素(inline element)
* a – 锚点
* abbr – 缩写
* acronym – 首字
* b – 粗体(不推荐)
* bdo – bidi override
* big – 大字体
* br – 换行
* cite – 引用
* code – 计算机代码(在引用源码的时候需要)
* dfn – 定义字段
* em – 强调
* font – 字体设定(不推荐)
* i – 斜体
* img – 图片
* input – 输入框
* kbd – 定义键盘文本
* label – 表格标签
* q – 短引用
* s – 中划线(不推荐)
* samp – 定义范例计算机代码
* select – 项目选择
* small – 小字体文本
* span – 常用内联容器,定义文本内区块
* strike – 中划线
* strong – 粗体强调
* sub – 下标
* sup – 上标
* textarea – 多行文本输入框
* tt – 电传文本

* u – 下划线
* var – 定义变量
可变元素
可变元素为根据上下文语境决定该元素为块元素或者内联元素。
* applet – java applet
* button – 按钮
* del – 删除文本
* iframe – inline frame
* ins – 插入的文本
* map – 图片区块(map)
* object – object对象
* script – 客户端脚本

一个例子:

<body>

<p>This is a paragraph with <em>an inline element</em> within it.</p>

</body>

上例中有两个块元素,p和body,一个内联元素em。

在xhtml中em可以从p继承,反之不行。在xhtml中内联元素可以从块元素继承而来,反之不行。

在css中没有这样的规定,css可以改变上例的结构。

p {display: inline;}

em {display: block;}

在inline box中插入block box。效果:

改变元素的显示角色在xhtml中很有用。Xml文档没有任何的继承的显示角色,因此通过css来定义就相当重要。

<book>

<maintitle>Cascading Style Sheets: The Definitive Guide</maintitle>