码农记录者
码农记录者

html+css总结

首先是我对html与css理解：
html是超文本标记语言Hyper Text Mark-up Language css是层叠样式表：Cascading Style Sheets
1. HTML是网页内容的载体。内容就是网页制作者放在页面上想要让用户浏览的信息，可以包含文字、图片、视频等。
2. CSS样式是表现。就像网页的外衣、网页样式。比如，标题字体、颜色变化，或为标题加入背景图片、边框等。所有这些用来改变内容外观的东西称之为表现。
HTML文件固定的结构：
...
...
1. 称为根标签，所有的网页标签都在中。
2. 标签用于定义文档的头部，它是所有头部元素的容器。头部元素有、<script>、 <style>、<link>、 <meta>等标签，头部标签在下一小节中会有详细介绍。 </div> <div style="text-align:left;line-height:1.75;font-size:14px;"> 3. 在<body>和</body>标签之间的内容是网页的主要内容，如<h1>、<p>、<a>、<img>等网页内容标签，在这里的标签中的内容会在浏览器中显示出来。 </div> <div style="text-align:left;line-height:1.75;font-size:14px;"> <span style="font-size:18px;"> head 部分：</span> </div> <div style="text-align:left;line-height:1.75;font-size:14px;"> <head> </div> <div style="text-align:left;line-height:1.75;font-size:14px;"> <title>...
接下来是body部分：
通过学习我总结了一些容易被大家忘记而又有用的标签。
1、除了h1、h2、h3、h4、h5、h6分别为一级标题、二级标题、三级标题、四级标题、五级标题、六级标题外，还有标签他是用来制作文章的标题，另外网页上的各个栏目的标题也可使用它们。

2、、、的区别：
①. 和标签是为了强调一段话中的关键字时使用，它们的语义是强调。
②. 标签是没有语义的，它的作用就是为了设置单独的样式用的，把一段话圈起来，然后用css设置样式

3、blockquote标签，长文本引用
①.
的作用也是引用别人的文本。但它是对长文本的引用
②.标签是对简短文本的引用，比如说引用一句话就用到标签。

4、address标签，为网页加入地址信息
语法：
地址信息

5、代码语言
注意：在文章中一般如果要插入多行代码时不能使用标签，如果是多行代码，可以使用
标签。

6,有序列表
语法：
  • 信息
  • 信息
    • ......
    举例：
  • 前端开发面试心法
  • 零基础学习html
  • JavaScript全攻略
      • 在网页中显示的默认样式一般为：每项
    1. 前都自带一个序号，序号默认从1开。

    6、创建表格的五个元素：
    table、tbody、tr、th、td
    ①、…
    ：整个表格以标记开始、
    标记结束。
    ②、…：当表格内容非常多时，表格会下载一点显示一点，但如果加上标签后，这个表格就要等表格内容全部下载完才会显示。如右侧代码编辑器中的代码。（这个标签基本上不怎么用了）
    ③、…：表格的一行，所以有几对tr 表格就有几行。
    ④、…：表格的一个单元格，一行中包含几对...，说明一行中就有几列。
    ⑤、…：表格的头部的一个单元格，表格表头。
    ⑥、表格中列的个数，取决于一行中数据单元格的个数。
    ⑦、表格还是需要添加一些标签进行优化，可以添加标题和摘要

    7，表单标签（与用户进行交互）
    表单是可以把浏览者输入的数据传送到服务器端，这样服务器端程序就可以处理表单传过来的数据。
    语法：
    讲解：
    1. ：标签是成对出现的，以开始，以结束。
    2.action ：浏览者输入的数据被传送到的地方,比如一个PHP页面(save.php)。
    3.method ： 数据传送的方式（get/post）。

    8、文本域，支持多行文本输入
    当用户需要在表单中输入大段文字时，需要用到文本输入域。
    语法：
    ①、结束。
    ②、cols ：多行输入域的列数。
    ③、rows ：多行输入域的行数。

    9、单选框，复选框
    语法：
    ①、type:
    当type="radio"时，控件为单选框
    当type="checkbox"时，控件为复选框
    ②、value：提交数据到服务器的值（后台程序PHP使用）
    ③、name：为控件命名，以备后台程序ASP、PHP使用
    ④、checked：当设置checked="checked"时，该选项被默认选中
    注意：同一组的单选按钮，name取值一定要一致，这样同一组的单选按钮才可以起到单选的作用。

    10、下拉列表框，节省空间
    下拉列表在网页中也常会用到，它可以有效的节省网页空间。既可以单选、又可以多选。
    语法：
    提交值是向服务器提交的值，选项是显示的值。

    使用下拉列表框进行多选
    下拉列表也可以进行 多选操作，在

    11、在表单中有两种按钮可以使用，分别为：提交按钮、重置。
    1，提交按钮：当用户需要提交表单信息到服务器时，需要用到提交按钮。
    语法：
    type：只有当type值设置为submit时，按钮才有提交作用
    value：按钮上显示的文字

    2，重置按钮，重置表单信息
    当用户需要重置表单信息到初始时的状态时，比如用户输入“用户名”后，发现书写有误，可以使用重置按钮使输入框恢复到初始状态。只需要把type设置为"reset"就可以。
    语法：
    type：只有当type值设置为reset时，按钮才有重置作用
    value：按钮上显示的文字

    css样式
    1,内联式css样式，例如：

    2,嵌入式css样式，例如：
    3,外部式css样式，例如：
    4、子选择器，例如：.food>li{border:1px solid red;}
    5、包含(后代)选择器 ，例如：.first span{color:red;}
    6、通用选择器 ，例如： * {color:red;}
    7，分组选择符 ，例如： h1,span{color:red;}
    8，层叠 ，例如：p{color:red;} p{color:green;}
    9、

    三年级时，我还是一个胆小如鼠的小女孩。

    最后 p 中的文本会设置为green，这个层叠很好理解，理解为后面的样式会覆盖前面的样式。
    所以前面的css样式优先级就不难理解了：
    内联样式表（标签内部）> 嵌入样式表（当前文件中）> 外部样式表（外部文件中）。
    重要性
    我们在做网页代码的时，有些特殊的情况需要为某些样式设置具有最高权值，怎么办？这时候我们可以使用!important来解决。
    如下代码：
    p{color:red!important;}
    p{color:green;}

    三年级时，我还是一个胆小如鼠的小女孩。

    这时 p 段落中的文本会显示的red红色。
    注意：!important要写在分号的前面。

    10、p{text-indent:2em;} 段落排版- -缩进
    11、文字间隔、字母间隔设置：
    如果想在网页排版中设置文字间隔或者字母间隔就可以使用 letter-spacing来实现，如下面代码：
    h1{letter-spacing:50px;}

    了不起的盖茨比

    注意：这个样式使用在英文单词时，是设置字母与字母之间的间距。
    单词间距设置：
    如果我想设置英文单词之间的间距呢？可以使用word-spacing来实现。如下代码：
    h1{word-spacing:50px;}

    welcome to imooc!

    12、常用的块状元素有：
    、

    、

    ...

    、
      、
        、
        、
    2012年到2013年库存记录
    、
    、
    、
    常用的内联元素有：
    常用的内联块状元素有：
    、、