css

普通背景模糊 （推荐教程：css快速入门） 为了美观不能使背景前的文字模糊，而filter属性会使这整个div的后代并且还会出现白边。也就是说无法达到这个效果。怎么办呢？我们可以使用伪元素，这样我们也顺便解决了白边的问题。 实现思路： 在父容器中设置背景，并且使用相对定位，方便伪元素重叠。而在:af…

在开发页面的时候，遇到很多的列表都需要用到箭头，可以直接用图片作背景铺垫，纯CSS也能实现，并且没有兼容性顾虑，不用CSS3,相比而言，比图片更好用。 原理：一个高宽相等的正方形，选取你所需要的某一边，截取之，就是一个梯形，当高宽都为0，且其他边为透明颜色时，一个三角形就出来了 梯形代码： html…

可以通过text-shadow属性来实现文字外发光效果。 （推荐教程：css快速入门） 代码示例： h1{text-shadow: .2rem 0rem .5rem red,-.2rem 0rem .5rem red,0rem .2rem .5rem red,0rem -.2rem .5rem re…

css中的display是设置元素显示的方式，block是一块状元素的方式显示，inline是以内联元素的方式显示，none是不显示，块状元素会单独占据一样，其他元素跟他在同一行的会被迫换行，挤到下一行。 css中的display是设置元素显示的方式，block是一块状元素的方式显示，inline是…

block元素的特点有：1、总是在新行上开始；2、高度，行高以及顶和底边距都可控制；3、宽度缺省是它的容器的100%，除非设定一个宽度。 块元素特点：1.独占一行2.元素的宽高和内外边距都可以设置3.宽度如果不设置就是父级元素的100%常见的块元素有以下几种：p div table h1 h2 h3…

style标签的作用是用来说明所要定义的样式，style标签用于为HTML文档定义样式信息，在style元素里，可以指定HTML元素在浏览器里的呈现方式，style标签应放在head里。 定义及用法 标签用于为HTML文档定义样式信息。 在元素里，你可以指定HTML元素在浏览器里的呈现方式。 必选属…

在CSS中@import是导入CSS样式表，这种方式通常会在CSS文件中使用，这样做的好处是，可以把多个样式表导入到一个样式表中，从而在页面里面只需要导入一个样式表即可。 视频教程推荐：《css视频教程-玉女心经版》 引入CSS的方法有两种，一种是@import，一种是link @import ur…

CSS实现轮播图效果（附代码） 理论基础 CSS3 animation 属性和 @keyframes 规则 主体思想 1、准备相同大小的多个图片 立即学习“前端免费学习笔记（深入）”； 2、将要展示图片横排放在一个图片容器里面 3、在图片容器外再加一个展示容器，展示容器大小为图片大小 4、给图片容器…

CSS盒子模型都具备内容content、内边距padding、边框border、外边距margin这些属性，这些属性可以用日常生活中的常见事物“盒子”作一个比喻来理解，所以称作为盒子模型。 css （cascading style sheet）可译为“层叠样式表 ”或“级联样式表”，它定义如何显示h…

最近在进行开发的过程中，有遇到两端对齐的布局，是按照百分比来进行布局的，之前有用过flex布局，但是flex布局，使用两端布局的时候，会出现一切bug。比如，下面的是动态生成的时候，三列或者多列就会把下面的列表分布在两边。虽然可以解决，但是还是想看一下用普通的css是如何布局的。因为就写了这个。 在…