2022-07-10 第五小组 孔海波 学习笔记
今日学习情况:理解
心情:70%(一般)
经过昨天的学习,今天的学习明显没有昨天那么吃力了
CSS基础知识
CSS:层叠样式表
如何嵌入,样式显示HTML元素,样式通常存储在样式表中,先定义样式表再添加到HTML元素中。
定义CSS样式的方式有三种
1. 行内样式:当不需要复用可以使用
2. 内页样式(嵌入样式):
1)标签选择器
2)类选择器 “.”+“名字”定义
3)id选择器 “#”+“名字”定义,对应ID匹配 id=“名字”
3. 外部样式:最推荐
CSS的选择器:
4:div,p:div和p变
5:div p:div的所有子p标签变
6:div > p:直接子标签才会变
7:div+p:div紧后p才变
8:属性选择选择器[a]{…},选所有有a属性的标签
9:属性选择选择器[a=text]{…},选所有有a=text属性的标签
10: [a~=text]{…},选中页面中a属性包含text的单词
11:伪类选择器
a:link
a:hover
a:active
a:visited
12:nth-child(2n)选中2的倍数的…last-child()从后往前
13::checked 选择所有被选中元素
Css层叠性:1.样式冲突,哪个与结构近就选哪个。
2.不冲突就不层叠,都用。
优先级:类>标签>id
继承性:子标签继承父标签的某些样式
/优先级:继承的样式权重为0(最低);行内样式权重最高;若权重相同则就近原则;important权重无限大。
Css常用的单位:
1. px像素,绝对单位。
2. em 相对单位。会参考父级元素,若父元素16px,设置子类2em,则子类32px。
3. rem 相对单位。由页面决定的,若浏览器页面字号改变,他也随之变化。
4. 百分比 相对于父级元素的比例。
今日重点:
上午
路径
Css的引入
层叠 继承 优先级
下午
定位
盒子模型
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· 25岁的心里话
· 闲置电脑爆改个人服务器(超详细) #公网映射 #Vmware虚拟网络编辑器
· 零经验选手,Compose 一天开发一款小游戏!
· 因为Apifox不支持离线,我果断选择了Apipost!
· 通过 API 将Deepseek响应流式内容输出到前端