84 lines
1.7 KiB
Plaintext
84 lines
1.7 KiB
Plaintext
html 标签分类
|
||
|
||
|
||
1：块级标签
|
||
|
||
在浏览器里面会独占一行的标签
|
||
|
||
块级标签 具有宽高属性，也就是说可以通过css代码对标签进行宽高的设置
|
||
|
||
2：行内标签
|
||
|
||
不会独占一行的标签，元素宽度由内容决定
|
||
|
||
行内标签 不具有宽高属性，也就是说无法通过css代码对标签进行宽高的设置
|
||
|
||
作用：
|
||
|
||
为了实现网页中更加自由的布局
|
||
|
||
|
||
css 三种写法
|
||
|
||
1：内联语法
|
||
|
||
<p style="color:red;font-size: 14px;">我是p标签</p>
|
||
|
||
2：内部写法
|
||
|
||
选择器 {
|
||
属性名: 属性值;
|
||
}
|
||
|
||
3: 外链写法
|
||
|
||
创建一个 xxx.css 文件，这里面放css代码
|
||
|
||
在html里面
|
||
<link rel="stylesheet" href="css/index.css"/>
|
||
|
||
优先权：
|
||
|
||
1 > 2 > 3
|
||
|
||
!important 提升某条css属性的优先权
|
||
|
||
选择器：
|
||
|
||
1：标签选择器(标签名字)
|
||
2：class 选择器 ( " .名称 " ), 可以取多个名字，xxx xxx xxx
|
||
class 选择器在网页中取的名字可以无限次重复并使用
|
||
|
||
3：id 选择器 ( " #名称 " )
|
||
一般通过id取的名字，在网页是唯一的，不推荐重复使用。
|
||
为什么？
|
||
一般通过id取名字的元素是给js来使用, 所以不应该重复
|
||
|
||
4：* 通配符选择
|
||
5: 父元素 子元素 选中父元素内部的子元素
|
||
6：
|
||
父元素 子元素,
|
||
父元素 子元素
|
||
|
||
同时对 规则 1 和 2 设置相同的css代码
|
||
|
||
7: hover 监听元素的鼠标悬浮事件
|
||
8: focus 监听input输入框获得焦点的事件
|
||
|
||
|
||
预习任务：
|
||
|
||
课下学习更多的css属性
|
||
|
||
http://css.doyoe.com/
|
||
|
||
|
||
1：css属性学习
|
||
|
||
2：css定位，盒子模型，浮动
|
||
|
||
3：写一些网页效果
|
||
|
||
4：弹性布局 + 媒体查询 + rem
|
||
|
||
5：各种造网站（pc网站 + 手机网站） |