分类目录归档：CSS
以前我们布局基本上都是使用div盒子，但是div盒子对于搜索引擎而言没有任何语义。我们可以将div再细分一下，生成一些语义化的布局标签。于是，HTML5新增加了一些新的标签、新的表单和新的表单属性等。
注意，这些新特性都有兼容性问题，基本是IE9+以上版本的浏览器才支持。
使用多媒体标签可以很方便地在页面中嵌入音频和视频，不再使用flash和其他浏览器插件。
<video>标签<...更改一些用户操作样式，提高用户体验，包括：
行内元素或者 行内块元素 的垂直对齐方式cursor：pointer;<!DOCTYPE html>
<html lang="en">
<head>
<meta charset...笔记目录
1.布局定位属性：display / position / float / clear / visibility/ overflow （建议display第一...
让一个元素在页面中隐藏或者显示出来：类似网站广告，当我们点击关闭就不见了，但是我们重新刷新页面，会重新出现。
display：non``edisplay属性：设置...
笔记目录
传统PC端网页布局（摆盒子）的三种方式：
标准流（普通流）：标签按照规定好默认方式排列（最基本的布局方式）
浮动：可以改变元素标签默认的排列方式
典型应用：让多个块级元素一行内排列显示
定位：网页布局的第一准则：多个块级元素纵向排列找标准流，多个块级元素横向排列找浮动。
float属性：用于创建浮动框，将其...
元素显示模式分为：块元素；行内元素
<h1>~<h6>, <p>, <div>, <ul>, <ol>, <li>常见的块元素为：<h1>~<h6>, <p>, <div>, <ul>, <ol>, <li>等
其中<div>是最经典的块元素。
块元素的特点...
盒子模型：本质是一个盒子，用来装内容
组成：边框，外边距，内边距和内容
content：内容
padding：内边距（内容与盒子之间的距离）
border：边框
margin：外边距（盒子之间距离）
border：边框粗细、边框样式、边框颜色
盒子边框的属性：
内部样式表：将CSS代码写在html内部，放到了<style>标签中
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Comp...CSS是层叠样式表（ Cascading Style Sheets ），也为CSS样式表或级联样式表，是一种标记语言。
html主要做结构，css主要做样式，美化html网页布局，使得结构与样式相分离
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<...CSS 是 Cascading Style Sheet（层叠样式表）的缩写。是用于（增强）控制网页样式并允许将样式信息与网页内容分离的一种标记性语言。CSS 不需要编译,可以直接由浏览器执行(属于浏览器解释型语言)。
历史