html头部声明

严格类型:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-Strict.dtd">

过渡类型(开发使用):

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

框架集(做网站后台):

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">

xmlns:命名空间,解决命名冲突的

<html xmlns="http://www.w3.org/1999/xhtml">

meta:单标记,告诉浏览器我们是什么文档类型

1、结构

html、xhtml、xml

2、表现:

版式,颜色,大小

css3.0

行内式:

<h1 style="color:white;backgroud-color:blue">行内式</h1>

嵌入式:在head中

<style type="text/css">
h1{
color:white;
backgroud-color:blue;
}

导入式:在head中

<style type="text/css">
@import"mystyle.css";
</style>

链接式:在head中

<link href="mystyle.css" rel="stylesheet" type="text/css">

选择器的优先级别:行内样式>ID样式>类别样式>标记样式

(1)、标记选择器:标签名称


(2)、类别选择器:.

<p class="a">php100中文网</p>
.a{
color:blue;
}

(3)、ID选择器:#

<p id="b">php100中文网</p>
#b{
color:yellow;
}

区别:id只能出现一次,class可以出现多次

(4)、交集选择器:只会选择h1并且class等于title的

<h1 class="title">php100中文网</h1>
<h1>创恩教育</h1>
<p class="title">php学习</p>
h1.title{
color:red;
}

执行效果图:

(5)、并集选择器:所有都能满足这个样式

<h1 class="title">php100中文网</h1>
<h1>创恩教育</h1>
<p class="title">php学习</p>
h1,p,h1.title{
color:red;
}

执行效果图:

(6)、后代选择器:

<p><strong>你好</strong></p>
<strong>创恩教育</strong>
p strong{
color:red;
}

执行效果图:

3、行为

javascript


本文出自 “Jerry” 博客,请务必保留此出处http://alipay.blog.51cto.com/7119970/1537570

html头部声明,古老的榕树,5-wow.com

郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。