Web笔记

结构 = 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：元素[属性名*="属性值"] 选取属性值以包含指定内容的元素
————————————————
版权声明：本文为CSDN博主「贝多芬的芬」的原创文章，遵循CC 4.0 BY-SA版权协议，转载请附上原文出处链接及本声明。
原文链接：https://blog.csdn.net/qq_39460362/article/details/100087971