html css小结(不完全)

1:HTML标签的分类，分别有什么特点：

 （1）块级标签  ：独占一行，不允许其他元素和自己同行显示；

            <div> <p><hr>< br>< pre ><ul>< ol ><dl>< table><  h1~h6>

（2）行级标签  ：占用的宽度和内容有关系

            <img>< span>< em>< i ><b ><strong>< q>

2：a标签的三个作用，实现一个本页面锚点跳转和其他页面的锚点跳转。

1：页面链接（内部页面跳转，外部页面跳转）

2：锚点链接

3：功能性链接

(1):本地页面

                  锚    点：<em name = top id = top>

                  超链接：<a href = “#top”>

(2):其他页面：second.html

                  锚    点：<em name = top id = top>

                  超链接：<a href = “second.html#top”>

3：跟表格相关的结构化标签有几个，显示什么特点。表格直列化标签有几个，其作用。

1：结构化

<thead>   <tbody>   <tfoot>

和书写顺序没有关系，thead显示在最前面，tfoot显示在最后面。

 2：直列化标签

<colgroup>

<col>

特点： 对表格的列进行分组，方便对列进行操作。

4：介绍一下你知道所有表单元素和表单属性（包含HTML5）。

1:表单元素

单行文本  ：<input type = text>

密         码 ： <input type =password>

单  选  框  ：<input type = radio>

复  选  框  ：<input type =checkbox>

提交按钮  ：<input type = submit>

重置按钮  ： <input type = reset>

图形按钮  ： <input type = image>

下  拉 框   ：  <select>

                             <option></option>

                     </select>

文本域   ：<textarea ></textarea>

  2：表单属性

语法：<form name="" action="URL(具体地址)" method="post/get"></form>

    <input type="表达单项" name=“表达单项名” value="属性值"/>(还可加入其它样式属性)

namevalue checked selected

placeholder     auto-focus    auto-complete     required   form

5：写一下你知道的HTML5的新标签，有什么特点。

<header>  <section>  <footer>   <nav>  <article>

<aside>   <hgroup>    

方便各类网站使用者使用

方便浏览器分类

方便程序员阅读

6：介绍一下css的优先级和优先权。

优先级：

就近原则的基础上：行内样式 >  内部样式  > 外部样式

如果外部样式在内部样式之后引入:：行内样式  > 外部样式  >  内部样式

优先权：

    行内样式  1000

    Id选择器  100

    类选择器   10

7:目前学到的所有选择器。

Id选择器 ：使用 #定义；一个文档中可有多个id，但id属性只能有一个。

（1）类选择器      .

标签选择器    e

后代选择器   e e

子代选择器 e > e

交集选择器  eee

并集选择器  e,e,e

相邻兄弟选择器  e + e

通用兄弟选择器  e ~ e

（2）伪类选择器:

:link

:visited

:hover

:active

:first-child

:first-of-type

:last-child

:last-of-type

:nth-child

:nth-of-type

:nth-last-child

:nth-last-of-type

:only-child

:not

:target

:first-letter

:first-line

:disabled

:enabled

:checked

 （3） 属性选择器：

[att]

[att =x]:匹配所有属性值等于x的。

[att^= x]:：匹配属性值以x开头的。

[att$= x]：匹配属性值以x结尾的的。

[att*= x]匹配所有属性值包含x的。

8：页面开发内容中用到最多的就是文本和图片，列举文本样式属性和图片属性（包含背景图片）。

 （1）文本：

f

Fontsize：字体大小。

color：字体颜色。

Fontweight；字体粗细。

Fontstyle：字体样式。

Fontfamily：字体系列。

Lineheight：行高。

Textalgin：文本对齐方式。

Overflow：超出文本区域的修饰。

Textoverflow：

White-space：设置空白

Letterspacing：首行缩进。

Textt-shdow：文本阴影，上右下左，颜色。

Text-shroke；

Text-decoration：

Font:font-size/weight/f/family;

（2）背景图片：

Background-image

Background-size   cover contain  percent

Background-repeat

Background-position

Background-clip

Background-orgin

Background-attacment

9：盒子模型，盒子模型包含哪几块。变态盒模型及特点。

1：在网页开发过程中，任意一个元素都可以当成是一个盒子来看。整个网页就可以看做是由各种各样的盒子拼接组合成的

2：盒子模型包含四块：

（1）：margin：外边距。

（2）：border：边框。

（3）：padding：内边距。

（4）：Content：内容。

3：W3C盒子模型

   Width,height:content

   变态盒子模型

Width,height:content,padding,border

Box-sizing:borderbox