CSS
文章平均质量分 70
verify.Mar
记录学习日常,大部分是学习笔记,会抄录大佬的总结贴,链接会附在全文下方,不会用来盈利
展开
-
CSS的定位和浮动
需要注意的是,假设顶部导航条的高度是60px,那么,为了防止其他内容被导航条覆盖,我们需要给body标签设置60px的padding-top;子绝父绝,子绝父相,子绝父固都可以给儿子定位的。也就是说,不管相对定位,绝对定位,固定定位,都可以使用z-index值,而浮动的元素不能用。一个绝对定位的元素,如果父辈元素中也出现了已定位(无论是绝对定位,相对定位,还是固定定位)的元素,那么将以父辈这个元素为参考点。可如果盒子是绝对定位,此时已经脱标了,如果还想让其居中(位于父亲的正中间),可以这样做o。原创 2024-05-25 16:12:28 · 1481 阅读 · 0 评论 -
CSS盒模型
正确理解是参考大佬总结:整个网页最大的盒子是<document>, 即浏览器,而<body>是<decument>的儿子。但是,*的效率不高,所以我们选择并集选择器,罗列所有的标签(不用背,右专业的清除默认样式的样式表,之后学习)一个盒子中主要的属性就5个:width,height,padding,border,margin。就是把上下左右这四个方向的边框,都设置为1px宽度,线型实线,red颜色。border就是边框,边框三要素:像素(粗细),线型,颜色。第一行的小属性无效,因为被第二层的大属性叠掉了。原创 2024-05-25 10:25:37 · 1487 阅读 · 0 评论 -
权重问题深入
的样式表中,谁最近,就用谁2.对于同一个标签,如果引用了多个相同的外部样式表,它的优先级:html文件中,引用样式表的位置越近,就用谁。(就近原则详细见专栏CSS样式表的继承性和重叠性)原创 2024-05-24 16:59:57 · 393 阅读 · 1 评论 -
CSS继承性和层叠性
所有没有办法实现的原因是什么,究竟是人性的扭曲,还是,,呸呸呸,是因为三个选择器的权重,显然第二个样式被第一个样式表覆盖了。好用吧,但是用好很难,所有比较稳妥的方法是:把第二个样式表照着第一个样式表来写,在此基础上,给第二个样式表再加一个权重。另外:如果大家的权重相同,那么就采用就近原则:谁描述的近,听谁的。1个id选择器,0个类选择器,3个标签选择器,记作1,0,3。0个id选择器,3个类选择器,4个标签选择器,记作0,3,4。一个id选择器,1个类选择器,1个标签选择器,记作1,1,1。原创 2024-05-24 13:59:25 · 639 阅读 · 1 评论 -
CSS 伪类选择器
伪类选择器:伪类表示元素状态,选中元素的某个状态设置样式。比如div是属于box类,这一点明确,就是属于box类。但是a属于什么类?不明确。因为需要看用户点击前是什么状态。所有,就叫做伪类。有个便于记忆的类 .one伪类 :link(1)静态伪类:只能用于超链接的样式超链接a标签a标签有4种伪类(即对应四种状态)最好以lvha的顺序写,便于记忆有有个“爱恨准则”:love hate 先爱后恨(禁止伤春悲秋了,学习!!!!更难的等我再学学学学,哭。原创 2024-05-23 21:19:33 · 152 阅读 · 0 评论 -
CSS 几种高级选择器
后代选择器,描述的是祖先结构,简单来说就是把外层标签写在前面,内层标签写在后面,中间用空格分隔。集选择器由两个选择器构成,其中第一个为标签选择器,第二个为class选择器,两个选择器之间不能有空格,如h3.special。所以没有空格的div.speacial(交集选择器)和div .speacial(后代选择器)不是一个意思。对于X(空格)Y,表示所有属于X元素后代的Y元素,有这个样式,空格就表示后代。这篇介绍4种高级选择器,后代选择器,交集选择器,并集选择器,伪类选择器。和div的后代p的截然不同。原创 2024-05-23 20:19:24 · 358 阅读 · 1 评论 -
CSS选择器
效率不高,如果页面上的标签越多,效率越低,所以页面上不能出现这个选择器。所有的标签,都可以是选择器,例如ul, li, label, dt, dl, input。类选择器最大的优势是可以为元素对象定义单独或相同的样式。这篇文章介绍标签选择器,类选择器,通配符选择器。通配符选择器:*,不需要调用,浏览器自动查找页面所有标签,设置相同的样式。标签选择器,选择的是页面上所以这种类型的标签,所以经常描述一种。一,标签选择器:选择器的名字代表html页面上的标签。作用:查找页面所有标签,设置相同的样式。原创 2024-05-23 19:22:36 · 218 阅读 · 0 评论 -
CSS 选择器
css选择器原创 2024-05-23 18:46:27 · 279 阅读 · 1 评论