Web html基础
网页组成部分：html:超文本标记语言 css：样式结构 javascript：负责逻辑层的语言
Html:
1. 标签的语法结构:1完全闭合标签 2半闭合标签
2. 能够区分块级元素级内联元素
3. 路径
Html:
<!DOCTYPE html>:定义文档的类型
<html></html>:代表网页内容
Lang标签的属性 en是英文 zh中文
<head></head>:表示头部
<meat charset=“utf-8”>:设置网页文本的编码集（世界通用）
<title></title>:表示浏览器上面的标题文字
标签
(1)完全闭合标签：
1块级元素：div:1.独占一行 2.这是一个容器
2内联元素
(2)半闭合标签：
内联元素：1.input：1.与其他内联元素共享一行2不能设置宽和高
2. 单选标签radio(可以通过name划分为一组 只能选取一个)Checked默认选择的选项
3.多选标签checkbox checked用法同上
img图片标签:1.src:代表指定文件路径
2.alt：如果不显示图片，鼠标放上去显示的文字
WEB_NO1 HTML基础
网页的组成部分：
html：超文本标记语言
css：样式结构
javaScript：负责逻辑的语言
css
1. 盒模型 每一个元素 都有一个盒模型
内容 设置宽高 是内容部分的宽高
padding内边距 会增加 整个容器的宽高 元素实际的宽度 = width+水平方向的内边距 上右下左
border边框 会增加 整个容器的宽高 元素实际的宽度 = width+水平方向的内边距+水平方向的边框 上下 左右
margin外边距 不会影响 容器的实际高度 挤相邻元素的位置 相邻的两个元素会重合 上右下左
不管是 内边距 外边框 边框 都可以 设置某个方向
Padding_left
Border_bottom
Margin_top
2.浮动
用途：设置页面的布局
让块级元素 水平方向排列
让内联元素 可以设置宽高
!注意事项：设置完浮动 会飘到文档的上面 脱离正常的文档流 他就不占高度了 父元素的高度就会收到影响
设置浮动就必须清除浮动
使用
设置浮动 float left左浮动 1 2 3 4
float right右浮动 4 3 2
清楚浮动 overflow：hiddent
空标签 clear：both/left/right
伪元素 clear：both{
.xx ：after：{
Content：“”；
Display：block；
Clear：both：
}
2. 定位
3. 通过position
相对定位：relative (相对于自己的位置来去定位 挪动位置 还占据之前的位置 布局不会发生改变)
绝对定位：absolute( 会脱离正常的文档流 会飘到文档的上面 不会占据文档的位置)
Z-index:设置层次 数值越大 越在最上面
如果没给他的父元素 做处理 （相对定位）会相对文档的左上角定位父元素设置了相对定位 就会以他的父元素 位置 去定位
使用CSS的公式（步骤） 在html中给元素设置选择器{ 元素选择器
类. id #
在css中使用选择器 选择上对应的元素
设置元素的样式
(公式） 选择权（具体的样式）
使用CSS的方式 内联样式
通过style标签 设置样式
通过css文件设置 使用link
No4：
选择器：是用于选择给 那些HTML元素 设置样式的工具
1：元素选择器 ：可以通过 标签的名字 选择上标签
2：类选择权： 可以把标签划分很多种类 通过类选择器 来找到这些元素
特点：可以忽略标签限定< 不限制 选择标签的数量
T通过class 来指定类选择器的名字 在CSS里面 通过 。类选择起名字 就可以找到这类元素
3 id选择器 同一个名字的i的选择器 只能 在页面中设置一次 在页面中的唯一性
选择器权重
上面设置了样式 底下设置了 相同的属性 就会把上面的设置覆盖
选择权的权重越高 越优先选择上这些元素
计算权重：
Id选择权权重最高
类选择器 多少个类选择器 都比不郭ID选择器
元素选择器 多少元素选择器 都比不过一个类选择器
有没有id选择器 如多有ID选择器 id选择器多的数量 就会被选上
再取数类选择器 再取数元素选择器
当设置的样式 不起着用是 需要检查 是不是 选择器的权重 不够
id (皇帝) 类选择器（当官的）元素选择器（平民）
隐藏
鼠标触碰到这个元素 显示出它隐藏的元素
网友评论