主流：HTML5+css3
HTML：超文本标记语言
HTML5：全浏览器厂商支持，不用安装插件就可以视频，动图等，现在全厂商支持
W3C标准包括
（1）结构化标准语言HTML、XML
（2）表现标准语言CSS
（3）行为标准DOM、ECMAScript
标签
行元素：内容撑开宽度，左右都是行内元素可以排在一行
块元素：无论内容多少，该元素独占一行
1.标题标签<h1></h1> （h1到h6逐渐表笑）
2.段落标签<p></p> （一个标签一个段落）
3.换行标签<br/>
4.水平线标签<hr/>或者<hr>
5.字体样式标签 粗体<strong></strong> 斜体<em></em>
6.特殊符号
（1）空格 （如果在文本中打不论多少个空格，在网页里只有1个）
（2）大于小于号 > < 版权号©等其他
特殊符号记忆方式 打& idea会自动调出来
7.图像标签<img src="图片路径（必填）" alt="图片加载错误返回的内容（必填）" title="鼠标放在图片上悬停文字" width="宽度" height="高度" idea中打空格可以自动提示>
8.超链接标签<a href="跳转的网址或者页面（必填）" target="是否在新标签打开还是在当前跳转">此位置可以嵌套图片</a>
锚链接<a href="" target="是否在新标签打开还是在当前跳转"></a>
邮件链接
弹框加+qq 可以百度qq推广 使用
9.列表标签
（1）有序列表
（2）无序列表
（3）自定义标签
10.表格标签
11.媒体元素标签
12.网页结构标签
13.iframe内联框架标签
14.表单标签
其他属性 只读 readonly 禁用 disabled 隐藏hidden
表单初级验证placeholder 提示消息 required 非空判断 pattern 正则表达式
CSS
Cascading Style Sheet 层叠样式表
CSS：表现层（美化网页）
字体，颜色，边距，高度，宽度，背景图片，网页定位，网页浮动
CSS三种导入方式
1.内部样式表（如图）
2.外部样式表（如图）
3.行内样式
优先级：就近原则
4.导入式 CSS2.1用的 先加载网页在渲染 现在基本不用
选择器：选择页面上的某一个或者某一类元素
1.标签选择器
2.类选择器
3.id选择器
优先级：id选择器>类选择器>标签选择器
高级选择器
1.层次选择器
（1）后代选择器（子，子子标签，往后所有代）
（2）子选择器：只往后选择一代
（3）相邻兄弟选择器：同辈，只有一个，向下
（4）通用选择器
2.伪类选择器
2.属性选择器
^= 以这个开头
$=以这个结尾
span标签：重点要突出的字，使用span套起来（约定俗成）
文本样式
1.颜色 color rgb rgba
2.文本对齐的方式 text-align =center
3.首行缩进 text-indent：2em
4.行高 line-height:单行文字上下居中 line- height=height
5.装饰 text-decoration
5. 文本图片水平对齐：vertical-align：middle
伪类
盒子模型（略）
浮动
1.display
也是一种实现行内元素排列的方式，但是很多情况都使用float
2.float
左右float
父级边框塌陷的问题
1.增加父级元素高度
2.增加一个空的div标签，清除浮动
3.overflow
在父级元素中增加一个overflow：hidden
4.在父类中添加一个伪类：after
小结：1.浮动元素后面增加空div
简单，但是代码中尽量避免空div
2.设置父元素的高度
简单，元素设有了固定的高度，就会被限制
3.overflow
简单，下拉的一些场景避免使用
4.增加伪类：推荐
定位
1.相对定位
2.绝对定位
基于xxx定位，上下左右
（1）没有父级元素定位的前提下，相对于浏览器定位
（2）假设父级元素存在定位，我们通常会相对于父级元素进行偏移
（3）在父级元素范围内移动，相对于父级或浏览器的位置进行指定的便宜，绝对定位的话，他不在标准文档流中，原来的位置不会被保留
3.固定定位
层级：z-index：0-9999
数值越高越上层
透明度：
4115
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
