W3C万维网联盟:
是国际最著名的标准化组织,用来制定web(网页)的标准。到目前为止W3C已经发布了200多项影响深远的web技术标准及其指南。
HTML:
html全称HyperText Markup Language 用来定义文档的内容结构,中文:超文本标记语言。
HTML5中的变化:html由08年发布草案,12年形成稳定版本
标签:
doctype、meta
新增语义化标签和属性
去掉了纯展示性的标签
添加canvas、video、dudio、本地储存、拖拽
语法:
标记不区分大小写,推荐小写
空标记可以不闭合
属性值可以不添加引号,推荐双引号
属性值中包含true和false的可以不写
HTML 元素语法:
HTML 元素以开始标签起始
HTML 元素以结束标签终止
元素的内容是开始标签与结束标签之间的内容
开始标记 内容 结束标记
<a href="classroom/17"> 内容 </a>
空元素:img没有元素内容和结束标记的叫空元素(自闭合元素)
<img src="" alt="">
html属性:元素的额外信息,一个元素有多个信息
<a href="http://www.baidu.com">百度</a>
其中的href表示跳转的地址
元素的关系:
1、父子关系:A直接包含B,A是父元素,B是子元素
2、兄弟关系:A和B拥有同一个父级
3、祖先和后代:A直接或间接包含B,A是祖先,B是后代
DOCTYPE所影响的渲染模式:
Quirks Mode 怪异模式
Standard Mode 标准模式
css:
css全称Cascading style sheets 页面表现的基础,可以控制布局,控制元素的渲染用于定义html文档的样式(外观)。中文:层叠样式表。
引用css的几种方法:
1、外部样式表:在head标签里通过link标签引入
<head>
<link rel="stylesheet" href="地址">
</head>
2、内部样式表:在head标签里通过style标签书写css代码
<head>
<style>
p {margin-left: 20px}
</style>
</head>
3、行内样式表:在开始标记里通过style属性书写css样式
<p style="color: red; >
行内样式表
</p>
4、导入样式表:@import
执行结果为就近原则:行内样式表→内部样式表→外部样式表
类选择器(class):
1、不能是纯数字或数字开头
2、望名知意
3、驼峰命名法 rightTopBox右上的盒子
4、可以加符号 right-top 中划线- 、下划线_
5、同一个类名可以由多个 HTML 元素使用
ID选择器(#id名):
一个元素只能有一个id,在页面上如果id已经出现过一次,就不能在出现
子级选择器:
父元素>子元素{属性名:属性值}
选中对应父元素下的子元素