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