ICode9

精准搜索请尝试: 精确搜索
首页 > 其他分享> 文章详细

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

2022-07-12 21:32:52  阅读:76  来源: 互联网

标签:10 07 样式 标签 2022 text div 选择器 CSS


今日学习情况:理解
心情: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的引入
层叠 继承 优先级
下午
定位
盒子模型

标签:10,07,样式,标签,2022,text,div,选择器,CSS
来源: https://www.cnblogs.com/wubishurufa/p/16471843.html

本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享;
2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关;
3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关;
4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除;
5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

专注分享技术,共同学习,共同进步。侵权联系[81616952@qq.com]

Copyright (C)ICode9.com, All Rights Reserved.

ICode9版权所有