lhrdlp的学习笔记

文章目录1. 什么是flex布局2. 基本概念2.1 普通流规则2.2 弹性盒模型规则2.3 弹性盒模型宽度设置2.4 弹性盒模型子元素高度设置3. 容器的属性3.1 flex-direction属性3.2 flex-wrap属性3.3 flex-flow属性3.4 justify-content属性3.5 align-items属性3.6 align-content属性4. 项目的属性4.1 order属性4.2 flex-grow属性4.3 flex-shrink属性4.4 flex-basis属性4

在平时练习的时候经常会碰到盒子需要定位的问题,一般都是使用 margin:auto 就可以实现盒子的定位了.有同学说在面试的时候碰人家问了这道题,说实话,突然还有点懵,我想没有宽高的盒子看都看不见,何谈定位,其实是我偏面了,里面可以写一些内容把盒子撑开.具体看下面:1.使用定位来实现 .box1 { position: relative; width: 200px; height: 200px;

三栏布局的实现方法有:absolute 布局float 布局flex 布局grid 布局table 布局1.使用absolute代码如下: <div class="content"> <div class="left">左</div> <div class="center">中</div> <div class="right">右</div>

之前一直还觉得很自信,感觉自己css部分掌握 的很不错,但是知识确实是需要经常回顾的,这半年很少写原生的东西,结果前两天看见一道题目,看见这四个单词我当场石化,完全分不清楚了…为了加深自己的记忆,我写这篇博客稍微总结一下:...

心形是一个非常流行的形状,在这片文章里我们将使用纯css画出心形,然后使用css动画实现心动的效果.在此之前,我们必须要了解伪元素::after 和 ::before的作用,::before创建一个伪元素，其将成为匹配选中的元素的第一个子元素。常通过content属性来为一个元素添加修饰性的内容。在下面的例子里, :before 伪类元素用来给 class 为heart的元素添加一个...

前言：要想将CSS样式用于特定的HTML元素，首先需要找到该目标元素，在CSS中，执行这一任务的样式规则部分被称为选择器。目录一、选择器的分类二、具体使用方法1、标签选择器2、类选择器3、多类名选择器4、id选择器5、通配符选择器一、选择器的分类 1、标签选择器 2、类选择器3、多类名选择器4、id选择器5、通配符选择器6、伪类选...

在css3中可以用RGBA和HSLA,都可以用来在设置颜色的同时也可以设置它的透明度。RGBA指的是“红色、绿色、蓝色和Alpha透明度”（Red-Green-Blue-Alpha），而HSLA则代表“色调、饱和度、亮度和Alpha透明度”（Hue-Saturation-Lightness-Alpha）。Alpha用来设置颜色的透明度，值可设置0（完全透明）~1（完全不透明w）；在RGB...

css实现边框内圆角有时我们需要一个容器,只有在内侧有圆角,而边框或四个角在外依然保持直角的形状,我们可以用两个div元素来实现这种效果,具体如下:html代码 <div class="container"> <div> 接天莲叶无穷碧 映日荷花别样红 </div> &...

一、box-shadow方案 box-shadow接受五个参数值，分别为水平偏移量、竖直偏移量、blur(模糊半径)、spread(扩散范围)、color. spread可接受正值或负值，可以让阴影面积增大或减小，一个正值的扩张半径加上两个为零的偏移量以及为零的模糊值，得到的投影就像一条实线边框。代码如下： background-color: yell...

结构伪类选择器结构选择器用于选出特定的想要的元素，可以实现隔行变色的效果。first-child：用于选取第一个元素。last-child：选取最后一个元素 。nth-child(n):选取第n个元素，n从0 开始。常用属性：nth-child(odd) ：选出奇数行；nth-child(even)：选出偶数行；nth-child(n)：所有行（n从0...

css字体样式属性1、font-size字体大小 font-size属性用于设置字号，该属性的值可以使用相对长度单位，也可以是使用苦厄对长度单位。其中，较为常用的是相对长度单位，推荐使用像素单位px，在实际应用中，绝对长度单位使用较少。使用方法：p {font-size: 14px};相对长度单位 说明 em 相对于当前对象内文本字体的尺寸 px...