html与css总结

HTML称为超文本标记语言，是一种标识性的语言。它包括一系列标签．通过这些标签可以将网络上的文档格式统一，使分散的Internet资源连接为一个逻辑整体。HTML文本是由HTML命令组成的描述性文本，HTML命令可以说明文字，图形、动画、声音、表格、链接等。
层叠样式表(英文全称：Cascading Style Sheets)是一种用来表现HTML（标准通用标记语言的一个应用）或XML（标准通用标记语言的一个子集）等文件样式的计算机语言。CSS不仅可以静态地修饰网页，还可以配合各种脚本语言动态地对网页各元素进行格式化
HTML基本结构为

charset=utf-8 表示当前文档的字符集是采用utf-8的字符，也就是我们常说英文字符集;
charset 字符集
国内常用的有：
uft-8 是Unicode的其中一个使用方式。 UTF是 Unicode Translation Format，
即把Unicode转做某种格式的意思。
gbk gb2312 主要用于中文。
big5 用于繁体中文

html标签有：

• 

• -

  为标题标签，h1到h6分别为一级标题到六级标题。结构为

  它是 一对标签
• 填写目录跳转到所填写的目录位置。
• 让文字达到倾斜效果
• 
  为换行标签可以达到换行效果

• ---

  为水平线标签，可实现下面一条水平线。

• 为段落标签，行内元素独占一行，可以实现段落效果，达成一段一段的段落。
• 为顶部的意思，意思为头部，标头的标签。
• 标签为按钮标签可以达成登陆，验证码与注册等等之类的按钮。
  等等之类的标签，具体可以百度搜索自己了解一下。
  块元素：无论内容多少，该元素独占一行。如：p h1-h6 标签。
  行内元素：内容撑开宽度，左右都是行内元素的可以排在一行 如a、strong标签。

初识CSS。
CSS基本语法结构：
选择器{
声明1，声明2.
}
h1（选择器）{
font-size（属性）：12px；（值）；color：red；（声明）
}
css最后一条声明“;”可写可不写，但是，基于W3C标准规范考虑，建议最后一条生命结束"；"都要写上。
引用css样式为：行内样式、内部样式、外部样式。
就近原则：行内样式>内部样式>外部样式。
css的样式：

• width（宽，设置标签的宽图片的宽等等）
• height（高，设置标签的高图片的高等等）
• margin：margin 简写属性在一个声明中设置所有外边距属性。该属性可以有 1 到 4 个值。
• padding：简写属性在一个声明中设置所有内边距属性。
• font： 属性可以用来作为 font-style, font-variant, font-weight, font-size, line-height 和 font-family 属性的简写，或将元素的字体设置为系统字体。
• background：background 简写属性在一个声明中设置所有的背景属性。
• border：简写属性在一个声明设置所有的边框属性。
• float ： 属性定义元素在哪个方向浮动。以往这个属性总应用于图像，使文本围绕在图像周围，不过在 CSS 中，任何元素都可以浮动。浮动元素会生成一个块级框，而不论它本身是何种元素。
• color：属性规定文本的颜色。

注：英文输写，写入到html文件里面的head里面，别用中文输入法输入标点符号，否则无效。 三个选择器： 标签选择器、ID选择器、类选择器 标签选择器直接应用于html标签上面。 类选择器可以在页面中多次使用 id选择器一个页面只能使用一次。 优先级选择器：ID选择器>类选择器>标签选择器 标签选择器不遵循就近原则。 无论哪种方式引用css样式，一般都遵循： id选择器>class类选择器>标签选择器的优先级。

高级选择器：
层次选择器、结构伪类选择器、属性选择器。

层次选择器：
E F后代选择器(选择匹配的F元素，且匹配的F元素被包括在匹配的E元素内)
E>F子选择器（选择匹配的F元素，且匹配的F元素是匹配的E元素的子元素）
E+F相邻兄弟选择器（选择匹配的F元素，且匹配的F元素仅位于匹配的）
E`~F通用选择器（选择匹配的F元素，且位于匹配的E元素后的所有匹配的F元素）

结构伪类选择器：
E:first_child(作为父元素的第一格子元素的元素E)
E:last-child(作为父元素的最后一个子元素的元素E)
E F:nth-child(n)(选择腹肌元素E的第n个子元素F,n可以是1、2、3.关键词为even、odd）
E：first-of-type（选择符元素内具有指定类型的第一个E元素）
E:last-of-type:（选择父元素内具有指定类型的最后一个E元素）
E F:nth-of-type(n)（选择父元素内具有指定类型的第n个F元素）

属性选择器：
E[attr]选择匹配具有属性attr的E元素。
E[attr=val]选择匹配具有属性attr的E元素，并且属性为val（其中val区分大小写）
E[attr∧val]选择匹配元素E，且E元素定义了属性attr其属性值是以val开头的任意字符串
E[attr$=val]选择匹配元素E，且E元素定义了属性attr其属性以val结尾的任意字符串
E[attr*=val]选择匹配元素E，且E元素定义了属性attr其属性值包含了“val”，换句话说，字符串val与属性值中的任意位置相匹配。