使用软件时使用浏览器访问网址
网页制作三个部分：结构 表现 行为
<h1>标题1</h1> 标题的意思 <h1>是开始标签</h1>为结束标签
<html></html>使用软件时使用浏览器访问网
无序列表<ul></ul> 用list表示列表项 <ol></ol>有序列表
定义列表<dl>
<dt>结构</dt>
<dd>给结构下定义</dd>
</dl>
例表之间可以嵌套
相对路径: ./比表示当前文件所在目录
超链接:target属性，用来指定超链接打开的位置
_self表示在当前页面打开超链接 _blank表示在另一个页面中打开
<a herf="#">回到顶部
id:唯一不重复
图片格式:jpeg(jpg)-支持的颜色丰富，不支持透明效果，不支持动图
gif-支持的颜色较少，支持简单透明，支持动图
png-支持的颜色丰富，支持复杂透明，不支持动图
<audio src="" controls autoplay></audio> control是否允许用户控制播放 autoplay音频文件是否自动播放 <audio>引入音频 <vodio>向网页内引入视频
外部样式表:将css样式编写到一个外部的css文件中让后通过link标签来引入外部的css文件
<style>不在html中
</style>
选择器:通过选择器可以选中页面的中的指定元素，比如p的作用就是选中页面中的指定元素
声明块:通过声明块来指定要为元素设置的样式，声明块有一个一个的声明组成，生命是一个明知对结构，名和值之间用:连接
元素选择器:作用:根据标签名来选中指定的元素
语法：标签名{} 例子：p{} h1{} div{}
id选择器:作用：根据元素的id属性值选中一个元素
语法:#id属性值{} 例子:#box{} #red{}
class是一个标签的属性,他和id类似，但是class可以重复使用，可以通过class属性来未元素分组
类选择器: 作用:根据元素的class属性值选中一组元素
语法: .class属性值 例:
.color{
color:blue;
}
通配选择器：作用：选中页面中的所有元素 语法：#
交集选择器:作用：园中同时复合多个条件的元素
语法：选择器1 选择器2选择器3
选择器分组（并集选择器）：作用：同样选择多个选择其对应的元素；
语法：选择器1 选择器2选择器n{}
父元素：直接包含子元素
子元素：直接被父元素包含的元素是子元素
祖先元素：-直接或间接包含后代元素的元素
一个元素的父元素也是他的祖先元素
子元素选择器：例 div>span{}
选择下一个兄弟：语法：前一个+下一个 例：p+span
<p>
<span>我是p元素中的span</span>
</p>
选择下边所有的兄弟：语法：兄~弟 p~span{}
属性选择器：[属性名] 选择含有指定属性的元素
[属性名=属性值] 选择含有指定属性和属性值的元素
[属性名“=属性值] 选择属性值以指定值开头的元素
[属性名 $=属性值] 选择属性值以指定值结尾的元素
[属性名*=属性值] 选择属性值中含有某值的元素的元素
p[title]
p[title=abc]{
p[title^=abc]{
p[title$=abc]
p[title*=abc]
伪类(不存在的类，特殊的类)
伪类用来描述一个元素的特殊状态
比如:第一个子元素、被点击的元素、鼠标移入的元素..
伪类一般情况下都是使用:开头
:first-child 第一个子元素
:last-child 最后一个子元素
:nth-child() 选中第n个子元素 例： ul>li-child(eveb)
特殊值:
n 第n个 n的范围0到正无穷
2n 或 even 表示选中偶数位的元素
2n+1 或 odd 表示选中奇数位的元素
伪元素：::first-line 表水果一行
::selection 表示选中的内容
::before 元素的开始
::after 元素的最后
- before 和 after 必须结合content属性来使用
p::first-letter{font-size: 50px;}
p::first-line{
yellow;
::first-line 表水果一行
::selection 表示选中的内容
::before 元素的开始
::after 元素的最后
- before 和 after 必须结合content属性来使用
p::first-letter{font-size: 50px;}
p::first-line{
background-color:yellow}
p::selection{
background-color:greenyellow;}
div: :before{content: "l"}
div: :after{content:'l'}
盒子：margin top和left改变自己的位置
right和bottom；
样式的冲突
当我们通过不同的选择器，选中相同的元素，并且为相同的样式设置不同的值时，此时就发生了样式的冲突
发生样式冲突时，应用哪个样式由选择器的权重(优先级》决定
选择器的权重
内联样式 1000
id选择器100
类和伪类选择器10
元素选择器 1
auto是自动；
文档流:
#对于我们来元素主要有两个状态
在文档流中
不在文档流中《脱离文档流)
元素在文档流中有什么特点!
- 块元素
块元素会在页面中独占一行
默认宽度是父元素的全部《会把父元素撑满)
默认高度是被内容撑开(子元素)
本周学习了html和css的基础，下周会跟进一步的去学习，完成考核任务
127
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
