2022-07-10 第五小组 孔海波 学习笔记

今日学习情况:理解
心情:70%(一般)

经过昨天的学习,今天的学习明显没有昨天那么吃力了

CSS基础知识

CSS:层叠样式表
	如何嵌入,样式显示HTML元素,样式通常存储在样式表中,先定义样式表再添加到HTML元素中。
定义CSS样式的方式有三种
1.	行内样式:当不需要复用可以使用
2.	内页样式(嵌入样式):
1)标签选择器
2)类选择器 “.”+“名字”定义
3)id选择器 “#”+“名字”定义,对应ID匹配 id=“名字”
3.  外部样式:最推荐

CSS的选择器:
	4div,p:div和p变
	5div p:div的所有子p标签变
	6div > p:直接子标签才会变
	7div+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的引入
层叠 继承 优先级
下午
定位
盒子模型
posted @   五笔输入法  阅读(27)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· 25岁的心里话
· 闲置电脑爆改个人服务器(超详细) #公网映射 #Vmware虚拟网络编辑器
· 零经验选手,Compose 一天开发一款小游戏!
· 因为Apifox不支持离线,我果断选择了Apipost!
· 通过 API 将Deepseek响应流式内容输出到前端
点击右上角即可分享
微信分享提示