结构 = 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