html基础
注意语义化！！！
浏览器内核：
- IE：trident；
- Safari：webkit；
- FireFox：gecko；
- chrome、opera：blink；
结构解析
<!DOCTYPE html>代表是用什么标准，不可省略，会影响布局。
<html lang="en">代表页面主要是英文，zh-cn代表中文。
<head>标签
<meta>标签（后面有详细讲）
<meta charset="utf-8">代表页面用什么编码格式。utf-8包含全世界所有国家字符；gb2312简单中文；GBK中文、繁体；BIG5繁体；
<meta name="keywords" content="多个关键字">用于方便搜索引擎查找当前网页。
<meta name="description" content="页面描述">
<link>标签
引用css样式：<link rel="stylesheet" href="css地址">
设置DNS预解析（预加载在缓存，提高后续访问速度）：<link rel="dns-prefetch" href="预加载网页地址">
网站icon图标：<link rel="shortcut icon" href="图标地址">
<base> 标签为页面上的所有链接规定默认地址或默认目标。
知识点补充
自定义列表<dl>标签
<dl>
<dt>标题</dt>
<dd></dd>
</dl>
元素分类
块级标签（独占行）： p,div,ul,ol,dl,li,dt,h1-h6
行级标签（可以跟其他行内标签共用一行）：span,strong,em,
块级元素：可以设置宽度、高度、位置（独占一行）。
行内元素：不可设宽度、高度、位置（都是根据内容而定的），padding、margin可设；！！！注意规范：不可在行内元素放块级元素。
行内块元素：集合块级和行内的特点，如：img，input，td，（a特殊）。可以使用display修改（重点）。
了解
-
所有字相关的CSS都可以从父元素继承，如：color、text-系列、font-系列、line-系列、curor、
-
letter-spacing字间距
-
尽量为每一个input配一个label，label的作用为input解释说明的。
-
每一个表单都要含有name，因为后台php要用于取数据。
CSS基础
CSS基础选择器(重点)
标签选择器（元素选择器）
标签选择器是指用HTML标签名称作为选择器，按标签名称分类，为页面中某一类标签指定统一的CSS样式。其基本语法格式如下：
标签名{属性1:属性值1; 属性2:属性值2; 属性3:属性值3; }
或者
元素名{属性1:属性值1; 属性2:属性值2; 属性3:属性值3; }
标签选择器最大的优点是能快速为页面中同类型的标签统一样式，同时这也是他的缺点，不能设计差异化样式。
标签选择器 可以把某一类标签全部选择出来。
类选择器
类选择器使用“.”（英文点号）进行标识，后面紧跟类名，其基本语法格式如下：
.类名{属性1:属性值1; 属性2:属性值2; 属性3:属性值3; }
标签调用时 class=“类名” 即可。
类选择器最大的优势是可以为元素对象定义单独或相同的样式。 可以选择一个或者多个标签 。
- 长名称或词组可以使用中横线来为选择器命名。
- 不建议使用“_”下划线来命名CSS选择器。能良好区分JavaScript变量命名(JS变量命名是用“_”)
- 不要纯数字、中文等命名， 尽量使用英文字母来表示。
多类名选择器
给标签指定多个类名，从而达到更多的选择目的。
注意：
- 样式显示效果跟HTML元素中的类名先后顺序没有关系,受CSS样式书写的上下顺序有关。
- 各个类名中间用空格隔开。
id选择器
id选择器使用“#”进行标识，后面紧跟id名，其基本语法格式如下：
#id名{属性1:属性值1; 属性2:属性值2; 属性3:属性值3; }
该语法中，id名即为HTML元素的id属性值，大多数HTML元素都可以定义id属性，元素的id值是唯一的，只能对应于文档中某一个具体的元素。
用法基本和类选择器相同。
通配符选择器
通配符选择器用 * 号表示，能匹配页面中所有的元素。其基本语法格式如下：
*{ 属性1:属性值1; 属性2:属性值2; 属性3:属性值3; }
CSS复合选择器（重点）
复合选择器是由两个或多个基础选择器，通过不同的方式组合而成的,目的是为了可以选择更准确更精细的目标元素标签。
交集选择器
交集选择器由两个选择器构成，两个选择器之间不能有空格。
记忆技巧：
交集选择器 是 并且的意思。
比如： p.one 选择的是： 类名为 .one 的 p标签。
用的相对来说比较少，不太建议使用。
并集选择器
多个选择器通过逗号连接而成的。例：
.one, p , #test {
color: #F00;}
<!-- 表示 .one 和 p 和 #test 这三个选择器都会执行颜色为红色。 通常用于集体声明。-->
记忆技巧：
并集选择器 和 的意思， 就是说，只要逗号隔开的，所有选择器都会执行后面样式。
后代选择器
后代选择器又称为包含选择器，用来选择元素或元素组的后代，其写法就是把外层标签写在前面，内层标签写在后面，中间用空格分隔。当标签发生嵌套时，内层标签就成为外层标签的后代。
子孙后代都可以这么选择。 或者说，它能选择任何包含在内 的标签。
子元素选择器
子元素选择器只能选择作为某元素子元素的元素。其写法就是把父级标签写在前面，子级标签写在后面，中间跟一个>进行连接，注意，符号左右两侧各保留一个空格。
PS： 这里的子 指的是 亲儿子 不包含孙子 重孙子之类。
伪类选择器
伪类选择器用于向某些选择器添加特殊的效果。比如给链接添加特殊效果， 比如可以选择 第1个，第n个元素。
类选择器是一个点 比如 .demo {} 而伪类 用 2个点 就是 冒号 比如 :link{}
链接伪类选择器
- :link 未访问的链接
- :visited 已访问的链接
- :hover 鼠标移动到链接上
- :active 选定的链接
最低0.47元/天 解锁文章
550
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
