CSS
CSS知识
小杨码记
这个作者很懒,什么都没留下…
展开
-
CSS(精灵图、外边距塌陷与合并)
2.外边距合并:垂直方向,并列关系的两个元素,上边元素设置margin-bottom:值;下边元素设置margin-top:值;(1)并列关系的两个元素,要么统一设置margin-top或者统一设置margin-bottom。(2)给并列关系的两个元素嵌套一个父元素,设置overflow:hidden (形成BFC)。1.外边距塌陷:防止外边距塌陷的写法:主要是把这个元素设置成BFC(块级格式化上下文 、独立的渲染区域)(2)设置边框:border: 1px solid white;原创 2024-07-18 13:26:40 · 189 阅读 · 0 评论 -
CSS常见属性(三)
【3】设置子元素在主轴方向上的位置(居中,开始位置,结束位置,两端对齐等)展示:justify-content。【4】设置子元素在侧轴方向上的位置(居中,开始位置,结束位置)展示:align-items。(7)(父元素)设置元素在侧轴方向的位置(和换行一起使用):align-content。flex-wrap: wrap (换行)(3)把父元素设置成弹性盒子,可以自由控制子元素的位置和尺寸。(4)弄清楚哪些属性是给父元素设置,哪些属性是给子元素设置的。(6)(父元素)设置换行:设置超出部分的子元素换行。原创 2024-07-18 13:20:34 · 342 阅读 · 0 评论 -
CSS常见属性(二)
【3】遇到哪个标签设置了浮动,就找到这个标签的父元素,给这个父元素设置clearfix类名即可,就起到清除浮动的作用。(2)十六进制:#ffffff 、#000000 (0,1,2,3,4,5,6,7,8,9,a,b,c,d,e,f)(3)设置了浮动的元素,不占位置,就无法撑开父元素的高度。(1)相对位置(relative):不会让元素脱离正常文档流、还占位置 (子绝父相)(2)绝对位置(absolute):会让元素脱离正常文档流、不占位置 (子绝父相)(4)粘性定位(sticky):吸顶、吸底;原创 2024-07-18 13:11:21 · 70 阅读 · 0 评论 -
CSS常见属性(一)
no-repeat 不平铺、repeat 平铺、repeat-x 水平平铺、repeat-y 垂直平铺。(1)font-* 字体相关的属性,这一类具有继承性(给父元素设置了,子元素或后代元素也会有作用)(6)background-size(背景图片的尺寸(cover 把图片自动填充满整合标签))border-top-right-radius 右上角。border-top-left-radius 左上角。(5)background-position(背景图片的位置)(1)内边距: 是指边框与内容之间的间距。原创 2024-07-18 13:06:33 · 578 阅读 · 0 评论 -
CSS选择器
1.由父元素或祖先元素来确定选择的范围,这种选择器可以叫做派生选择器。后代选择器 ul li {}子代选择器 ul > li {} (只能是父子关系的标签)2.遇到组合的选择器带有空格的,他们是嵌套关系的标签。没有空格的选择器,表示同一个标签。3.li.active 表示类名叫做active的li标签li .active 表示选择li标签下,类名叫做active的子元素。原创 2024-07-18 12:52:52 · 765 阅读 · 0 评论 -
CSS初识
(2)CSS 叫做层叠样式表。层叠样式表(英文全称:Cascading Style Sheets)是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。(1)CSS 是组成网页的重要部分,用于设置网页外观(表现)的文档,不是编程语言。(3)主要用于美化页面。平时所看到的界面效果,离不开CSS样式。在html文件中通过link标签引入样式文件。第三种:外联样式 (创建后缀名为.css文件)原创 2024-07-18 12:38:19 · 49 阅读 · 0 评论