【无标题】

HTML

一、列表(无序，有序，自定义)：

1.有序：< ol> < li>< /li> < /ol>

属性：tybe：序号样式(比如"A"就变成了大写字母)

​ start：起始序号

​ reversed：倒叙

2.无序：< ul> < li>< /li> < /ul>

属性：tybe：序号样式

disc(实心圆)circle(心圆)square(实心方框)

3.自定义列表：< dl> < dt> < dd>< /dd> < /dt> < /dl>(不常用，作为了解)

二、表格：< table>< /table>

1.属性：caption：表格的标题(在表格的开头写)

​ tr与td：定义表格 行 和 列

​ th：定义表格的标题栏（文字加粗）

​ border：页边框

​ rowspan：合并单元格 行

​ colspan：合并单元格 列

​ cellspacing：调整单元格和单元格之间的间距

​ cellpadding：调整单元格内的空间

​ style：加属性（text-align：center（居中））

2.转义字符：空格  

三、表单：form

1.使用input修改type内容：

< label for=“”>文本< /label>< input type=“text”>

​ text（文本）password（密码）sex（分组，单选）checkbox（分组，复选）button（点击）submit（提交，有刷新功能）

点击功能（不使用input）：< button>< /button>

2.下拉选框：

使用< select name=“” id=“”>

​ < option value=“”>文本< /option>

​ < /select>

3.文本域：

< textarea name=" " id=" ">< /textarea>

4.点击拖拉：

< input type=" " name=" points(鼠标变成一个手)" min=" " max=" " id=" ">

5.边框线：

< fieldset>< /fieldset>

6.起名：

< legend>文本< /legend>

四、框架：

1.整合框架（不能放在body里面）：

< frameset cols(以百分之多少的内容显示)=" ">

​ < frame src=“网页路径”>< /frame>

< /frameset>

2.内联框架：

< iframe src=“网页路径” width=" " height=" "(可设置宽高)>< /iframe>

属性：width：宽

​ height：高

​ scrolling：规定是否在框架中显示滚动条

​ src：规定在 iframe 中引入的 URL
层叠样式表：
层叠样式表(英文全称：Cascading Style Sheets)是一种用来表现HTML（标准通用标记语言的一个应用）或XML（标准通用标记语言的一个子集）等文件样式的计算机语言。CSS不仅可以静态地修饰网页，还可以配合各种脚本语言动态地对网页各元素进行格式化。 多个样式可以层层覆盖叠加，如果不同的css样式对同一个html标签进行修饰，样式有冲突的,应用优先级高的，不冲突的样式规则共同作用。
作用：
修饰美化html网页。
外部样式表可以提高代码复用性从而提高工作效率。
html内容与样式表现分离，便于后期维护。
冲突：
引用方式冲突
继承方式冲突
指定样式冲突
继承样式和指定样式冲突
！important
层叠：
样式表层叠——简单的说，就是 CSS 规则的顺序很重要；当应用两条同级别的规则到一个元素的时候，写在后面的就是实际使用的规则。
继承：
继承也需要在上下文中去理解——一些设置在父元素上的 CSS 属性是可以被子元素继承的，有些则不能。
举一个例子，如果你设置一个元素的 color 和 font-family，每个在里面的元素也都会有相同的属性，除非你直接在元素上设置属性。
后代选择器
后代选择器——典型用单个空格（" "）字符——组合两个选择器，比如，第二个选择器匹配的元素被选择，如果他们有一个祖先（父亲，父亲的父亲，父亲的父亲的父亲，等等）元素匹配第一个选择器。选择器利用后代组合符被称作后代选择器。
body article p
子代关系选择器
子代关系选择器是个大于号（>），只会在选择器选中直接子元素的时候匹配。继承关系上更远的后代则不会匹配。例如，只选中作为

的直接子元素的

元素：
article > p
邻接兄弟
邻接兄弟选择器（+）用来选中恰好处于另一个在继承关系上同级的元素旁边的物件。例如，选中所有紧随

元素之后的元素：
p + img
通用兄弟
如果你想选中一个元素的兄弟元素，即使它们不直接相邻，你还是可以使用通用兄弟关系选择器（~）。要选中所有的

元素后任何地方的元素，我们会这样做：
p ~ img
使用关系选择器
你能用关系选择器，将任何在我们前面的学习过程中学到的选择器组合起来，选出你的文档中的一部分。例如如果我们想选中为

• 的直接子元素的带有“a”类的列表项的话，我可以用下面的代码。
  ul > li[class=“a”] {
  }