摘要：
一：盒子模型的概念 网页中的盒子模型 二：宽度属性width 固定px，不回根据浏览器的缩放而改变 百分比（所在容器的百分比），根据浏览器的缩放而变化，永远保持百分比 三：高度属性height 固定px，不回根据浏览器的缩放而改变，同样，height也支持百分比的模式 四：可用width和heigh 阅读全文
摘要：
一：对齐方式：text-align（只对块级元素有效），设置元素内文本的水平对齐方式 二：行高 lime-height：设置元素中文本行高 三：垂直属性（对行内元素生效，对块级元素不生效）：vertical-align，设置元素内容的垂直方式 sub和super 文字基线 vertical-alig 阅读全文
摘要：
文字样式属性 一：font-family字体属性：定义元素内文字以什么字体来显示 二：font-size文字大小 1.绝对单位：绝对大小，不能随浏览器分辨率或父元素大小的改变为改变（不推荐使用） 2.相对单位（推荐使用） px： larger和smaller：相对父元素的文字大小而变大变小 em和% 阅读全文
摘要：
CSS使用方法优先级：行内样式 > 内部样式 > 外部样式 说明 1.链入外部样式表与内部样式表之间的优先级取决于所处位置的先后 2.最后定义的优先级最高（就近原则） 一：id选择器、class选择器、标签选择器 之间的优先级 优先级结果：id选择器 > 标签选择器; class选择器 > 标签选择 阅读全文
摘要：
一：继承： p标签下的span标签会继承p标签的CSS，同理，div下的所有标签，都会继承div标签的CSS，，按时并不会继承所有CSS属性，比如border属性就没有被p标签继承 二：CSS层叠： 当定义了两个同样的CSS的时候，会使用离元素最近的CSS（就近原则） 1.可以定义多个样式 2.不冲 阅读全文
摘要：
后代选择器 二：伪类选择器 伪类选择器定义特殊状态下的样式，无法用标签、id、class及其他属性实现 链接伪类： 链接的4种状态：激活状态、已访问状态、未访问状态、鼠标悬停状态 伪类 :hover 和 :active 1.:hover用于访问的鼠标经过某个元素时 2.:active用于一个元素被激 阅读全文
摘要：
一群组选择器：集体统一设置样式 这种同样属性的可以使用群组选择器 改为 二：全局选择器，所有标签设置样式 阅读全文
摘要：
CSS选择器的种类 一：标签选择器：以html标签为选择器，作用到所有选择器对应的标签 二：类选择器 对于多个标签同一class时，可以用标签来区分 同一个标签可以使用多个类，类之间用空格隔开 三：ID选择器（同一个页面中，id唯一） 阅读全文
摘要：
一：行内样式（内联样式）：在开始标签内添加style样式属性 二：内部样式（嵌入样式）：把css写到style标签内 三：外部样式（外联样式）：把css代码写到独立的文件中，文件扩展名为.css 引入外部文件 四：CSS导入式： 1.@import "外部CSS样式" 2.@import url(外 阅读全文
摘要：
一：CSS描述 CSS：层叠样式表，用于定义HTML内容在浏览器内的显示样式 用CSS的好处： 1.CSS简化HTML相关标签，使网页体积更小，下载更快 2.内容与表现分离 3.更好的维护网页，提高工作效率 二：CSS样式规则：CSS规则由两部分构成：选择器、声明 三：编写规则，写在<head></ 阅读全文
摘要：
网页大框架：头部、主体、页脚 一：头部，一般包含logo、导航、banner 二：主体内容，视实际情况而定 三：页脚，一般是版权和声明之类的 <body> <!-- 头部start --> <div> <!-- logo start --> <div></div> <!-- logo end --> 阅读全文
摘要：
一：div标签和span标签 div标签：块级标签，是一个区块容器标记，<div></div>之间是一个容器，可以包含段落、表格、图片等各种html元素，每一个div标签都要换一行 span标签：行内标签，没有实际意义，在一行，不换行 二：标签分类： 块级标签：div、ul、ol、li、dl、dt、 阅读全文
摘要：
一：表单结构 form标签中，以下标签实现表单元素添加 <input>：表单单行输入标签 <select>：菜单和列表标签 <option>：菜单和列表项目标签 <textarea>：文本域标签 <optgroup>：菜单和列表项目分组标签 二：form标签： 可用属性： action：提交表单发送 阅读全文
摘要：
一：表格嵌套 嵌入表格说明 1.完整表格结构 2.放到td标签中 二：用表格实现网页布局，用表格做一个页面框架 页面结构 实现布局 <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></h 阅读全文
摘要：
一：colspan：跨列属性，同一行，跨多列 二：跨行属性，rowspan <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><body><table border="6" 阅读全文
摘要：
一：table标签的属性 width：表格的的宽度，px、% align：表格相对周围元素的对齐方式：left、center、right border：表格边框的宽度，px bgcolor：表格的背景颜色，rgb、#xxx、colorname cellpadding：单元边沿与其他内容之间的空白，p 阅读全文
摘要：
一：基本表格结构： <table> 表格 <td> 行 <tr> 单元格 <table> <tr> <td></td> </tr></table> 加个边距为1的边框：border="1" 二：带表头的表格：<th></th> 设置宽度：width 三：表格的标题：<caption></captio 阅读全文
摘要：
一：图像标签 <img src="" alt="" /> 属性： src：显示图像的url，必传 alt：图像替代文本 height：图像的高度（数值和百分比） width：图像的宽（数值和百分比） 也可以指定为容器的比例 二：超链接:<a href="链接地址">内容</a> 属性： href：链 阅读全文
摘要：
1.无序列表:用<ul><li></li><li></li></ul>实现 type属性值：disc：圆点、square：正方形、circle：空心圆 也可以直接在ul上添加type属性，对整个列表起作用 2.有序列表：用<ol><li></li><li></li></ol>实现， type属性值： 阅读全文
摘要：
一：修饰标签 1.水平线：<hr/> 2.文字斜体：<i></i>、<em></em> 3.加粗：<b></b>、 <strong></strong> 4.下标：<sub></sub>、上标：<sup></sup> 二：特殊符号 小于号：<：< 大于号：> 已注册：® 版权：&c 阅读全文