结构 = html || 表现 = css || 行为 =Script
meta标签 content是内容
设置编码 charset
关键词 keywords
描述 description
重定向 http-equiv =refresh 时间+地址
XHTML语法：
1.HTML中不区分大小写，但是我们一般都使用小写
2.HTML的注释不能嵌套
3.HTML标签必须结构完整，要么成对出现，要么自结束标签
4.HTML可以嵌套，但是不能交叉嵌套
5.HTML标签中的属性必须有值，且值必须加引号 英式引号
内联框架 ——可以连接其他的HTML标签内嵌
iframe 开发中不推荐 不会被搜索引擎所检索 可以设置一个name值
超链接 a标签 target表示打开链接的位置
_self当前窗口默认值 _blank在新的窗口打开
链接不确定就用#进行占位 #id可以跳转指定区域 mailto:邮件名
center 中的内容会默认进行居中
css
引入
head可内置，不过不可控制其他
导入 link rel="stylesheet" type="text/css" href="css路径"
注释
css的注释，作用和HTML类似，只不过必须编写在style标签中，或者是css文件中
语法
选择器 ——选中页面中指定的元素/标签，并且将声明块的样式应用到选择器对应的元素上
声明块 ——紧跟着选择器的后面，使用一对{}括起来，
声明块实际就是一组的明值对结构，这一组的明值对我们称为声明，可以写多声明，；链接
块元素
div 、 p 、h1、h2、h3....
p元素里面不能放任何块元素
div就是块级元素，无论内容多少，都是独占一行 || 没有任何语义 就是一个纯粹的块元素
div元素主要是对页面进行布局的，并且不会为它里面的元素设置任何默认的样式
行内元素/内联元素
span img a iframe
span是一个内联元素，行内元素；指的是占着自身大小的元素，不会占用一行
span没有任何语义，专门用来选中文字进行设置样式
A元素可以包含任意元素，除了它本身。
块元素主要是用来做页面中的布局，内联元素主要用来选中文本设置样式，一般情况下只使用块 元素去包含内联元素，而不会使用内联元素去包含一个块元素。
选择器：
元素选择器：通过元素选择器可以选中页面所有的元素；语法 ：标签名
ID选择器：通过元素的id属性值选中唯一的元素；语法：#id属性值{}
class选择器：类选择器，通过元素的class属性值选中一组元素；语法：.class属性值{}
选择器分组：通过选择器分组可以同时选中多个选择器对应的元素；语法：选择器，
通配选择器：选择中页面的所有元素 ： 语法：*{}
交集选择器：作用可以选中同时满足多个选择器的元素；语法：选择器1选择器2选择器n
后代选择器：作用：选中指定元素的指定后代元素；语法：祖先元素 后代元素{}
子元素选择器：选中指定父元素的指定子元素；语法：父元素>子元素
伪类：伪类专门用来表示元素的一种特殊的状态，比如超链接，获取焦点的文本框，当我们需要
为处在这些特殊状态的元素设置样式的时候，就可以使用伪类
a:link：正常链接；a:visited：访问过的链接 ps：只能设置字体颜色；
a:hover：表示鼠标移入的状态 ； a:active：表示被点击的状态
input:focus：获取焦点的状态 ； :: selection ：表示选中的状态 -火狐浏览器需要加上-moz
hover和active可以和其他元素进行绑定 也可以进行使用的
伪元素：使用伪元素来表示元素中的一些特殊的位置
:first-letter：设置首字母的样式 ； :first-line：设置第一行的样式；
:before：设置元素最前面的部分，一般before需要结合content这个样式一起使用 添加内容
:after：设置元素最后面的部分，一般after需要结合content这个样式一起使用 添加内容
属性选择器：可以根据元素中的属性或属性值来选定指定元素；
语法1 ：元素[属性名]{} 选取含有指定属性值的元素 ；
语法2 元素[属性名="属性值"] 选取含有指定属性值的元素
语法3：元素[属性名^="属性值"] 选取属性值以指定内容开头的元素；
语法4：元素[属性名$="属性值"] 选取属性值以指定内容结尾的元素
语法5：元素[属性名*="属性值"] 选取属性值以包含指定内容的元素
————————————————
版权声明：本文为优快云博主「贝多芬的芬」的原创文章，遵循CC 4.0 BY-SA版权协议，转载请附上原文出处链接及本声明。
原文链接：https://blog.youkuaiyun.com/qq_39460362/article/details/100087971
扫一扫
5万+
到【灌水乐园】发言
