随笔分类 -  HTML/CSS

Grid网格布局知识点整理
摘要：Grid 块级容器 1、display：grid； 2、使用 grid-template-columns 规则可划分列数，使用 grid-template-rows 划分行数。 固定宽度（具体像素）当容器宽度过大时将漏白。 百分比自动适就容器。 使用 repeat 统一设置值，第一个参数为重复数量， 阅读全文
posted @ 2020-07-24 16:25 isremya 阅读(482) 评论(0) 推荐(0)
background属性及阴影知识点，CSS3部分新增属性！
摘要：CSS3知识点 background属性 1、background简写 // background: url(img/1.jpg) no-repeat left top; 2、多背景 每组属性间逗号隔开； 为避免背景将图像盖住，背景色通常定义在最后一组上； { background: url(img 阅读全文
posted @ 2020-04-05 23:46 isremya 阅读(1235) 评论(0) 推荐(0)
flex布局你真的搞懂了吗？通俗简洁，小白勿入~
摘要：flex布局 用以代替浮动的布局手段； 必须先把一个元素设置为弹性容器；//display：flex； 一个元素可以同时是弹性容器和弹性元素; 设为flex布局以后，子元素的float、clear和vertical-align属性将失效。 主轴：弹性元素排列的方向； 弹性容器的属性 1、flex-d 阅读全文
posted @ 2020-04-05 23:37 isremya 阅读(748) 评论(0) 推荐(0)
position定位，CSS入门必备, 好像以后有个更厉害的flex！
摘要：定位 可通过position属性还设置元素的定位。 ​可选值：static 默认值 没开启 ​ relative 开启相对定位 ​ absolute 开启绝对定位 ​ fixed 开启固定定位（绝对定位的一种） 开启定位后可通过left、right、top、bottom四个属性来设置元素偏移量。 l 阅读全文
posted @ 2020-03-07 01:12 isremya 阅读(778) 评论(1) 推荐(0)
高度塌陷，清除浮动---CSS必备的盒子模型知识！
摘要：文档流 1、元素在文档流中的特点： ​ 块元素：在文档流中独占一行；在文档流中默认宽度是父元素的100%，默认高度是被内容撑开。 ​ 内联元素：在文档流中只占自身大小，如果一行不足以容纳多个内联元素就会换到下一行继续从左向右排列； ​ 高度是被内容撑开的。 2、元素脱离文档流后，高度宽度都被内容撑开 阅读全文
posted @ 2020-03-07 00:59 isremya 阅读(330) 评论(0) 推荐(0)
边框详讲---CSS必备的盒子模型知识！
摘要：盒子模型 盒子模型的四个部分：内容区、边框，内边距，外边距；前三者共同决定盒子可见框的大小。 边框 为元素设置边框 .box1{ width:100px; height:100px; background-color red; /*设置盒子内容区宽高及颜色。*/ border-width:10px; 阅读全文
posted @ 2020-03-07 00:50 isremya 阅读(594) 评论(0) 推荐(1)
CSS选择器有哪几种？举例轻松理解CSS选择器
摘要：CSS选择器汇总（清爽版） 1、元素选择器 标签名{ } 2、id选择器 #id属性值{ } 3、类选择器 ·class属性值{ } 4、选择器分组（并集选择器） 作用：通过它可以同时选中多个选择器对应的元素（通常用于集体声明） 语法：选择器1，选择器2，选择器n{ } 5、复合选择器（交集选择器） 阅读全文
posted @ 2020-02-27 23:45 isremya 阅读(8926) 评论(0) 推荐(1)