HTML与CSS的几个知识点[1]
2009-12-28 14:23
267 查看
1、CSS的注释格式/* */。
2、伪类
(1)必须将伪类写在元素选择器最后。
(2)伪类a顺序
[/code]
即:LoVe HAte(爱恨)
3、几个基本的HTML标签
具体参见这里
DTD:指示在哪种 XHTML 1.0 DTD 中允许该标签。S=Strict, T=Transitional, F=Frameset.
<!DOCTYPE> 定义文档类型。 STF
<html> 定义 HTML 文档。 STF
<body> 定义文档的主体。 STF
<h1> to <h6> 定义 HTML 标题。 STF
<p> 定义段落。 STF
<br> 定义简单的折行。 STF
<hr> 定义水平线。 STF
<!--...--> 定义注释。 STF
<b> 定义粗体文本。 STF
<i> 定义斜体文本。 STF
<em> 定义强调文本。 STF
<big> 定义大号文本。 STF
<strong> 定义语气更为强烈的强调文本。 STF
<small> 定义小号文本。 STF
<sup> 定义上标文本。 STF
<sub> 定义下标文本。 STF
<bdo> 定义文本的方向。 STF
<u> 不赞成使用。定义下划线文本。 TF
<pre> 定义预格式文本 STF
<code> 定义计算机代码文本。 STF
<acronym> 定义只取首字母的缩写。 STF
<abbr> 定义缩写。 STF
<address> 定义文档作者或拥有者的联系信息。 STF
<blockquote> 定义块引用。 STF
<q> 定义短的引用。 STF
<cite> 定义引用(citation)。 STF
<ins> 定义被插入文本。 STF
<del> 定义被删除文本。 STF
4、选择符规则: 计算特性
基于它们的特性级别,样式表也可以超越与之冲突的样式表,一个较高特性的样式永远都凌驾于一个较低特性的样式。这只不过是计算选择符的指定个数的一个统计游戏。
统计选择符中的ID属性个数。
统计选择符中的CLASS属性个数。
统计选择符中的HTML标记名格式。
最后,按正确的顺序写出三个数字,不要加空格或逗号,得到一个三位数。( 注意,你需要将数字转换成一个以三个数字结尾的更大的数。)相应于选择符的最终数字列表可以很容易确定较高数字特性凌驾于较低数字的。以下是一个按特性分类的选择符的列表:
[/code]
5、保存文件编码格式
HTML、CSS、javascript文件编码格式最好统一。不能统一的也要指定好格式。
HTML指定编码:
[/code]
调用js文件:
[/code]
在CSS文件中声明编码:
[/code]
2、伪类
(1)必须将伪类写在元素选择器最后。
(2)伪类a顺序
[code]a:link a:visited a:hover a:active
[/code]
即:LoVe HAte(爱恨)
3、几个基本的HTML标签
具体参见这里
DTD:指示在哪种 XHTML 1.0 DTD 中允许该标签。S=Strict, T=Transitional, F=Frameset.
<!DOCTYPE> 定义文档类型。 STF
<html> 定义 HTML 文档。 STF
<body> 定义文档的主体。 STF
<h1> to <h6> 定义 HTML 标题。 STF
<p> 定义段落。 STF
<br> 定义简单的折行。 STF
<hr> 定义水平线。 STF
<!--...--> 定义注释。 STF
<b> 定义粗体文本。 STF
<i> 定义斜体文本。 STF
<em> 定义强调文本。 STF
<big> 定义大号文本。 STF
<strong> 定义语气更为强烈的强调文本。 STF
<small> 定义小号文本。 STF
<sup> 定义上标文本。 STF
<sub> 定义下标文本。 STF
<bdo> 定义文本的方向。 STF
<u> 不赞成使用。定义下划线文本。 TF
<pre> 定义预格式文本 STF
<code> 定义计算机代码文本。 STF
<acronym> 定义只取首字母的缩写。 STF
<abbr> 定义缩写。 STF
<address> 定义文档作者或拥有者的联系信息。 STF
<blockquote> 定义块引用。 STF
<q> 定义短的引用。 STF
<cite> 定义引用(citation)。 STF
<ins> 定义被插入文本。 STF
<del> 定义被删除文本。 STF
4、选择符规则: 计算特性
基于它们的特性级别,样式表也可以超越与之冲突的样式表,一个较高特性的样式永远都凌驾于一个较低特性的样式。这只不过是计算选择符的指定个数的一个统计游戏。
统计选择符中的ID属性个数。
统计选择符中的CLASS属性个数。
统计选择符中的HTML标记名格式。
最后,按正确的顺序写出三个数字,不要加空格或逗号,得到一个三位数。( 注意,你需要将数字转换成一个以三个数字结尾的更大的数。)相应于选择符的最终数字列表可以很容易确定较高数字特性凌驾于较低数字的。以下是一个按特性分类的选择符的列表:
[code]#id1 {xxx} /* a=1 b=0 c=0 --> 特性 = 100 */ UL UL LI.red {xxx} /* a=0 b=1 c=3 --> 特性 = 013 */ LI.red {xxx} /* a=0 b=1 c=1 --> 特性 = 011 */ LI {xxx} /* a=0 b=0 c=1 --> 特性 = 001 */
[/code]
5、保存文件编码格式
HTML、CSS、javascript文件编码格式最好统一。不能统一的也要指定好格式。
HTML指定编码:
[code]<head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>demo</title> <link href="/demo.css" rel="stylesheet" type="text/css">
[/code]
调用js文件:
[code]<script src="/xx.js" type="text/javascript" encoding="utf-8"></script>
[/code]
在CSS文件中声明编码:
[code]@charset "utf-8";
[/code]
相关文章推荐
- HTML+CSS知识点(一)
- html、css容易被忽略的小知识点
- html、css与js知识点一
- html开发几个知识点
- 网页编程基础第二章知识点总结——HTML&CSS快速入门
- 这些HTML、CSS知识点,面试和平时开发都需要 No5-No7
- 这些HTML、CSS知识点,面试和平时开发都需要 No8-No9
- html+css知识点总结
- html+css2次学习-----常用知识点总结
- 这些HTML、CSS知识点,面试和平时开发都需要 (转)
- HTML和CSS的知识点
- HTML&CSS 知识点快速入门(一)
- html/css实现居中的几个常用方法
- 史上最全的HTML、CSS知识点总结,浅显易懂。
- 前端面试题整理-------HTML/CSS部分----小知识点
- HTML与CSS零碎知识点归纳
- 关于Html,Css,JavaScript知识点的简单梳理
- 自己总结的html css知识点
- HTML&CSS——琐碎的知识点(1)
- Web前端开发精品课HTML CSS JavaScript基础教程JavaScript部分知识点总结