标签TAG:CSS

block元素的特点有哪些
css教程

block元素的特点有哪些

阅读(1) 发布者(admin)

block元素的特点有:1、总是在新行上开始;2、高度,行高以及顶和底边距都可控制;3、宽度缺省是它的容器的100%,除非设定一个宽度。块元素特点:1.独占一行2.元素的宽高和内外边距都可...

display:block属性的作用是什么
css教程

display:block属性的作用是什么

阅读(2) 发布者(admin)

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

css sprite优缺点有哪些
html教程

css sprite优缺点有哪些

阅读(9) 发布者(admin)

css sprite优缺点是:1、减少HTTP请求数,极大地提高页面加载速度;2、增加图片信息重复度,提高压缩比,减少图片大小;3、更换风格方便,只需在一张或几张图片上修改颜色或样式即可实现...

CSS Position 属性值有哪些?
css教程

CSS Position 属性值有哪些?

阅读(15) 发布者(admin)

CSS Position属性值有:1、static,是position的默认值;2、fixed,生成固定定位的元素;3、absolute,生成绝对定位的元素;4、relative,生成相对定位的元素;5、inherit,继承父级属性值。1、...

10个 你可能不熟悉的 css伪类 及其用例介绍
css教程

10个 你可能不熟悉的 css伪类 及其用例介绍

阅读(8) 发布者(admin)

css 伪类是用于向某些选择器添加特殊的效果,是动态的,指当前元素所处的状态或者特性。只有一个元素达到一个特定状态时,它可能得到一个伪类的样式;当状态改变时,它又会失去这个样...

js教程

JavaScript的重构技巧

阅读(5) 发布者(admin)

John Au-Yeung来源:medium译者:前端小智点赞再看,养成习惯本文 GitHub https://github.com/qq44924588... 上已经收录,更多往期高赞文章的分类,也整理了很多我的文档,和教程资料。...

如何实现css代码复用
css教程

如何实现css代码复用

阅读(8) 发布者(admin)

如何实现css代码复用?(推荐学习:css快速入门)建议如下:1、在做CSS项目规划时,首先写好reset类代码;因为浏览器对于标签是有默认样式的。2、划分CSS原子类;一个大型的项目,会有一些常...

CSS Modules 详解
css教程

CSS Modules 详解

阅读(7) 发布者(admin)

层叠样式表我们知道,css的全名叫做层叠样式表,这个“层叠”到底是什么意思呢?有一种解释是,如果你先写了一条样式规则(选手1):.title {
color: silver;
}然后又在后边写了一条类似...

如何合理使用CSS框架?
css教程

如何合理使用CSS框架?

阅读(8) 发布者(admin)

现在的网站风格已经与它们很早之前的样子有了很大的不同。如果现在再回过头去看有些公司最初的网站UI,我想大多数互联网用户都很难认得出来。所以也多亏了网页设计技术的创新...

css选择器有哪些?哪些属性是可以继承的?
css教程

css选择器有哪些?哪些属性是可以继承的?

阅读(8) 发布者(admin)

CSS选择器:id选择器(#myid)、类选择器(.myclassname)、标签选择器(div, h1, p)、相邻选择器(h1 + p)、子选择器(ul > li)、后代选择器(li a)、通配符选择器(*)、属性选择器(a[rel=”...

什么是骨架屏(Skeleton Screen)?
小程序开发

什么是骨架屏(Skeleton Screen)?

阅读(3) 发布者(admin)

骨架屏最近在项目不时有用到骨架屏的需求,所以抽时间对骨架屏的方案作了一下调研,骨架屏的实践已经有很多了,也有很多人对自己的方案作了介绍.在这里按照个人的理解做了一个...

使用 CSS 实现骨架屏
css教程

使用 CSS 实现骨架屏

阅读(8) 发布者(admin)

前言在加载网络数据时,为了提升用户体验,通常会使用一个转圈圈的loading动画,或者使用Skeleton Screen占位。相比与loading动画,Skeleton Screen的效果要更生动,实现起来来也很简...

使用CSS实现皮卡丘
css教程

使用CSS实现皮卡丘

阅读(5) 发布者(admin)

前言当我学完css和js后,冒出来一个想法。自己去实现一个可爱的卡通人物。于是我就去codepen找素材,最终选择了皮卡丘,如下图。准备工作在开始写皮卡丘之前,我先观察了皮卡丘的整...

CSS 中伪类的使用(干货)
css教程

CSS 中伪类的使用(干货)

阅读(7) 发布者(admin)

css 伪类是用于向某些选择器添加特殊的效果,是动态的,指当前元素所处的状态或者特性。只有一个元素达到一个特定状态时,它可能得到一个伪类的样式;当状态改变时,它又会失去这个样...

CSS 预处理器
css教程

CSS 预处理器

阅读(8) 发布者(admin)

CSS 预处理器是什么?一般来说,它们基于 CSS 扩展了一套属于自己的 DSL(Domain Specific Language),来解决我们书写 CSS 时难以解决的问题:语法不够强大,比如无法嵌套书写导致模块化...

为什么不建议使用@import引入css
css教程

为什么不建议使用@import引入css

阅读(6) 发布者(admin)

不建议使用@import主要有以下两点原因:原因一、使用@import引入CSS会影响浏览器的并行下载使用@import引用的CSS文件只有在引用它的那个css文件被下载、解析之后,浏览器才会知...

纯css实现加号“+”效果(代码示例)
css教程

纯css实现加号“+”效果(代码示例)

阅读(7) 发布者(admin)

本篇文章来给大家通过代码示例介绍一下使用纯css实现加号“+”效果的方法。有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助。实现下图的加号效果:若想实现这个...

你一定要知道的css属性值规范
css教程

你一定要知道的css属性值规范

阅读(5) 发布者(admin)

1、如果值是0,通常都不用带单位例如:.list{ border: 1px solid 0px; margin: 0px;}改成:.list{ border: 1px solid 0; margin: 0;}但是有个特例,就是和时间有关的时...

圆角边框的css属性是什么
css教程

圆角边框的css属性是什么

阅读(5) 发布者(admin)

圆角边框的css属性是什么:1.圆角边框简介就是通过border-radius属性对元素的四个角进行设置{属性不具有继承性}。border-radius有四个属性分别是top,left,right,bottom,可以进行设...