![](https://img-blog.csdnimg.cn/20201014180756757.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
CSS笔记
文章平均质量分 85
J.Y.765
这个作者很懒,什么都没留下…
展开
-
灯塔:CSS笔记(2)
如果需要设置单独的样式和连写 ,要么把单独的样式写在连写的下面 ,要么把单独的样式写在连写的里面。*在选择器1所找到标签的后代(儿子 孙子 重孙子...)中,找到满足选择器2的标签,设置样式。特性:不同的选择器具有不同的优先级,优先级高的选择器样式会覆盖优先级低的选择器样式。继承原创 2024-03-08 09:21:53 · 989 阅读 · 0 评论 -
灯塔:CSS笔记(3)
CSS中规定每个盒子分别由:内容区域(content)、内边距区域(padding)、边框区域(border)、外边距区域(margin)规定,这就是盒子模型。1.给父元素设置border-top或者padding-top(分隔父子元素的margin-top)2.浏览器在渲染(显示)网页时,会将网页中的元素看作是一个个矩形区域,我们也形象的称之为盒子。1.页面中的每一个标签都可以看做是一个“盒子”,通过盒子的视角更方便的进行布局。场景:互相嵌套的块级元素 ,子类元素的margin-top会作用在父元素上。原创 2024-03-12 16:15:22 · 754 阅读 · 0 评论 -
灯塔:CSS笔记(4)
标准流:又称文档流,是浏览器在渲染显示网页内容时默认采用的一套排版规则,规定了应该以何种方式排列元素。2.行内元素 或 行内块元素:从左往右,水平布局,空间不够自动折行。3.浮动找到浮动,下一个浮动元素会在上一个浮动元素后面左右浮动。1.浮动的元素会脱离标准流(简称:脱标),在标准流中不占位置。影响:如果子元素浮动了,此时子元素不能撑开标准流的块级父元素。浮动:在一行排列,宽高生效 浮动后的标签具备行内块的特点。2.浮动元素比标准流高出半个级别,可以覆盖标准流中的元素。原创 2024-03-16 21:46:09 · 958 阅读 · 0 评论 -
灯塔:CSS笔记(1)
2.margin:0 auto 一般针对固定宽度的盒子,如果大盒子没有设置宽度,此时会默认占满父元素的宽度。注意点:如果需要让文本水平居中,text-align属性给文本所在标签(文本的父元素)设置。css写在style标签中,style标签一般写在head标签里面,title标签下面。如果给同一个标签设置了相同的样式,此时样式会层叠(覆盖),写在最下面的会生效。作用:通过id属性值,找到页面中带有这个id属性值的标签,设置样式。作用:通过类名,找到页面中所有带有这个类名的标签,设置样式。原创 2024-03-02 21:08:46 · 1073 阅读 · 2 评论