CSS-简易百科

您当前的位置：首页 > 电脑百科 > 程序开发 > 语言 > CSS

一文搞懂CSS line-height和vertical-

在学习CSS期间，不少同学感觉基本能理解line-height和vertical-align的用法，但是遇到一些具体问题的时候，又发现...

▪ Display和Visibility的区

▪ 新 CSS Math方法：Rem() 和

▍CSS　php　Python　C/C++/C#　javascript　Go语言　 JAVA　HTML　CSS　.NET　Rust　百科　

CSS3实现瀑布流布局

前言在css3到来之前，都是用js来操作dom元素，计算位置，大小，形成瀑布流布局。但是有了css3之后，一切实现起来就太......【详细内容】

[css]　　　2019-12-06 10:46:24　TAGS: CSS3 瀑布流点击:(609)　　评论:(0)　　加入收藏

CSS3中的BFC是何方神圣

哈喽大家好，我是作者“未来”，本期分享的内容是Web前端系列课程，本系列总共29个阶段，坚持学习3个月蜕变为Web......【详细内容】

[css]　　　2019-12-06 10:17:33　TAGS: CSS3 点击:(593)　　评论:(0)　　加入收藏

5 种用 CSS 隐藏页面元素的方法

用 CSS 隐藏页面元素有许多种方法。你可以将 opacity 设为 0、将 visibility 设为 hidden、将 display 设为......【详细内容】

[css]　　　2019-11-26 13:22:34　TAGS: CSS 点击:(611)　　评论:(0)　　加入收藏

标签ul与css样式实现菜单特效实例

在程序开发中，标签ul与css样式实现菜单，也是经常用到的技巧，这里给大家介绍2个实例：标签ul与css样式实现菜单特......【详细内容】

[css]　　　2019-11-22 11:20:46　TAGS: css 点击:(575)　　评论:(0)　　加入收藏

CSS 定位详解

CSS 有两个最重要的基本属性，前端开发必须掌握：display和position。display属性指定网页的布局。两个重要的布......【详细内容】

[css]　　　2019-11-20 10:38:34　TAGS: CSS 点击:(501)　　评论:(0)　　加入收藏

CSS扩展语言sass和less应该选哪个？

sass和less地出现大大的提升了代码的复用性，按常理来说它们也是css，被称为CSS扩展语言（简称强化版的css），理论来......【详细内容】

[css]　　　2019-11-15 10:38:30　TAGS: CSS 点击:(861)　　评论:(0)　　加入收藏

Sass入门教程

SASS（Syntactically Awesome Stylesheet）是一个CSS预处理器，有助于减少CSS的重复，节省时间。它是更稳定和强大......【详细内容】

[css]　　　2019-11-14 11:17:55　TAGS: Sass 点击:(657)　　评论:(0)　　加入收藏

使用CSS修改 video 标签默认样式

效果展示：1、模拟直播，去除进度条、当前观看时间，剩余时间。效果： 2、去除 video 标签全部控件效果：......【详细内容】

[css]　　　2019-11-08 17:42:14　TAGS: CSS 点击:(1665)　　评论:(0)　　加入收藏

css实现追踪用户访问单页的停留数据

一个客户的需求想知道单页面用户哪一块儿停留的时间长，有没有反复的看，于是做了个简单demo。比较精简前端只写......【详细内容】

[css]　　　2019-11-08 09:24:51　TAGS: css 点击:(637)　　评论:(0)　　加入收藏

常用的css属性

今天给大家介绍一些常用的css属性:1 font-size:用于设置字体大小font-size:20px; font-size:150%2 font-we......【详细内容】

[css]　　　2019-11-06 11:14:57　TAGS: css 点击:(628)　　评论:(0)　　加入收藏

CSS 权重详解

对于 CSSer 来说，多多少少都会遇到过 “样式规则不生效？”、“样式规则被覆盖？” 等等问题，这些都与 CSS 权重有......【详细内容】

[css]　　　2019-11-01 14:32:24　TAGS: CSS 点击:(595)　　评论:(0)　　加入收藏

开发 CSS 最好的前端工具推荐

作者：前端攻城狮出处：cnblogs链接：http://www.cnblogs.com/qianduantuanzhang/p/783251嘿，朋友！把你的注意力从......【详细内容】

[css]　　　2019-10-23 17:23:06　TAGS: CSS 前端工具点击:(736)　　评论:(0)　　加入收藏

了解CSS组合器

如何使用它们，为什么样式表通过使用所谓的选择器来引用HTML中的特定元素。这些选择器可以是Clsaa，ID，元素本身......【详细内容】

[css]　　　2019-10-23 16:36:35　TAGS: CSS组合器点击:(710)　　评论:(0)　　加入收藏

css常见样式命名规则

前言也许你曾经看到过很多样式命名规则，也参考了我们制定的命名规范，但是大部分的具体样式还是不知道如何命名......【详细内容】

[css]　　　2019-10-23 10:36:31　TAGS: css 命名规则点击:(902)　　评论:(0)　　加入收藏

纯CSS实现加载转圈样式

不同的项目中对于等待加载时转圈圈的样式是不同的，有的是传统的转圈的gif图片，见得比较多的是将转圈圈的换成......【详细内容】

[css]　　　2019-10-10 10:53:25　TAGS: CSS 点击:(567)　　评论:(0)　　加入收藏

web前端入门到实战：纯CSS瀑布流与JS瀑布流

瀑布流又称瀑布流式布局，是比较流行的一种网站页面布局方式。即多行等宽元素排列，后面的元素依次添加到其后，等......【详细内容】

[css]　　　2019-10-10 10:08:59　TAGS: CSS 瀑布流点击:(658)　　评论:(0)　　加入收藏

CSS 基础选择器

CSS 选择器是用来指定该组 CSS 样式会对什么元素生效的，是连接 HTML 结构和 CSS 样式的桥梁。这一篇将给大......【详细内容】

[css]　　　2019-10-09 16:01:30　TAGS: CSS 点击:(631)　　评论:(0)　　加入收藏

css中如何固定元素的宽度和高度

直接开门见山啦，请看下面代码与效果：<style>.one{height:100px;width:100px;box-sizing:border-box;//设置了......【详细内容】

[css]　　　2019-09-26 17:27:19　TAGS: css 点击:(548)　　评论:(0)　　加入收藏

z-index不起作用的大坑你中过招吗？

一对兄弟节点,insert和parent，parent有两个子节点subtop和subbottom，展现的结果是想让subtop在insert上面，sub......【详细内容】

[css]　　　2019-09-24 10:11:32　TAGS: z-index 点击:(701)　　评论:(0)　　加入收藏

常用css列表

color 设置文字的颜色，如： color:red;font-size 设置文字的大小，如：font-size:12px;font-family 设置文字的字体......【详细内容】

[css]　　　2019-09-19 10:28:57　TAGS: css 点击:(864)　　评论:(0)　　加入收藏

前端开发css框架，你们知道几个？

前端开发是一个比较繁琐的工作，不仅要有别人不一样的审美观和设计观，还需要了解很多的JS插件等错综复杂的技术......【详细内容】

[css]　　　2019-09-18 09:50:41　TAGS: css框架点击:(835)　　评论:(0)　　加入收藏

CSS权重介绍

CSS权重指的是样式的优先级，有两条或多条样式作用于一个元素，权重高的那条样式对元素起作用,权重相同的，后写的......【详细内容】

[css]　　　2019-09-16 10:44:51　TAGS: CSS 权重点击:(856)　　评论:(0)　　加入收藏

CSS块元素、内联元素、内联块元素

元素就是标签，布局中常用的有三种标签，块元素、内联元素、内联块元素，了解这三种元素的特性，才能熟练的进行页面......【详细内容】

[css]　　　2019-09-16 10:26:21　TAGS: CSS 块元素点击:(941)　　评论:(0)　　加入收藏

CSS美化单选框 radio 、多选框 checkbox 和 switch开关按钮

adio、checkbox和switch应该是一个比较常用的html标签，尤其是在中后台ERP系统里面更为常见。不过浏览器自带......【详细内容】

[css]　　　2019-09-16 10:25:04　TAGS: CSS 单选框点击:(953)　　评论:(0)　　加入收藏

CSS样式定位

定位文档流文档流，是指盒子按照html标签编写的顺序依次从上到下，从左到右排列，块元素占一行，行内元素在一行之内......【详细内容】

[css]　　　2019-09-16 09:23:48　TAGS: CSS 点击:(1025)　　评论:(0)　　加入收藏

CSS 实现单行、多行文字截断特效

在项目需求开发时，由于文本内容长度的不确定性，经常会碰到文本内容超出的问题，通常这种情况，UI/UE都会要求我们......【详细内容】

[css]　　　2019-09-11 09:06:59　TAGS: CSS 点击:(781)　　评论:(0)　　加入收藏

CSS Border 使用分享

原理CSS 盒模型一个盒子包括：margin+border+padding+content上下左右边框交界处出呈现平滑的斜线。利用这......【详细内容】

[css]　　　2019-09-04 09:44:12　TAGS: CSS Border 点击:(865)　　评论:(0)　　加入收藏

60个非常实用的CSS代码片段，千万要收藏好了

1、垂直对齐如果你用CSS，则你会有困惑：我该怎么垂直对齐容器中的元素？现在，利用CSS3的Transform，可以很优雅的解......【详细内容】

[css]　　　2019-09-04 09:21:35　TAGS: CSS代码点击:(1030)　　评论:(0)　　加入收藏

当我们在使用 display: flex 的时候，浏览器到底发生了什么？

按我想法的话，CSS 网格布局（grid）和弹性布局（Flexbox）应该同时出现才对，这样网页布局方案就变得完整了。事实是，弹......【详细内容】

[css]　　　2019-09-04 09:04:51　TAGS: display: flex 点击:(990)　　评论:(0)　　加入收藏

CSS-in-JS 是恶魔还是天使？

有些人极为讨厌 CSS-in-JS，单单提起这个名字都会让他们反感，总之就是拒绝二字。他们认为样式不属于 JavaScr......【详细内容】

[css]　　　2019-08-21 09:26:25　TAGS: CSS-in-JS 点击:(1120)　　评论:(0)　　加入收藏

纯css流畅loading加载动画

完成效果:HTML代码:<div class="container"> <div class="box">......【详细内容】

[css]　　　2019-08-16 11:49:06　TAGS: css 动画点击:(1024)　　评论:(0)　　加入收藏

解决前端一切布局的神器：CSS3 Flex弹性布局

前言Flex（Flexible Box），意为”弹性布局”。“弹性”，顾名思义，就是具有弹簧的特性，能够自由的伸缩（有点自适应的意......【详细内容】

[css]　　　2019-08-13 12:01:14　TAGS: CSS3 Flex 点击:(1192)　　评论:(0)　　加入收藏

搞懂CSS 字体单位

对于绘图和印刷而言，「单位」很相当重要的，然而在网页排版里，单位也是同样具有重要性，在CSS3 普及以来，更添加了......【详细内容】

[css]　　　2019-08-12 13:42:03　TAGS: CSS字体点击:(848)　　评论:(0)　　加入收藏

你所不知道的 CSS 负值技巧与细节

看到有网友使用负的 outline-offset 实现了加号。嗯？好奇的我马上也动手尝试了下，到底是如何使用负的 outline......【详细内容】

[css]　　　2019-08-12 10:47:41　TAGS: CSS 点击:(1063)　　评论:(0)　　加入收藏

CSS ID 选择器解析

ID 选择器允许以一种独立于文档元素的方式来指定样式。CSS ID 选择器在某些方面，ID 选择器类似于类选择器，不......【详细内容】

[css]　　　2019-08-09 11:03:30　TAGS: CSS 点击:(1111)　　评论:(0)　　加入收藏

CSS语法基础

CSS 语法CSS 规则由两个主要的部分构成：选择器，以及一条或多条声明。selector {declaration1; declaration2; ......【详细内容】

[css]　　　2019-08-09 10:33:07　TAGS: CSS 点击:(1162)　　评论:(0)　　加入收藏

如何使用CSS蒙版构建一个动画的表情

还记得我们童年时期曾经看过的漫画吗？那时他们是动画的缩影。如今，动画不仅限于漫画 - 当我们查看手机或查看......【详细内容】

[css]　　　2019-08-07 11:03:45　TAGS: CSS蒙版点击:(906)　　评论:(0)　　加入收藏

css实现五边形旋转效果代码

<!DOCTYPE html><html lang="zh-CN"><head> <meta charset="UTF-8" /> <title>3D旋转5边型</title> <style ......【详细内容】

[css]　　　2019-08-05 12:02:02　TAGS: css 点击:(1288)　　评论:(0)　　加入收藏

CSS 垂直居中的七种方法，值得收藏

我之所以整理这类专题的手册，就是CSS相关的内容实在太碎和零散，同时又夹杂着相关的兼容问题。遇到问题时，我们......【详细内容】

[css]　　　2019-08-05 09:52:18　TAGS: CSS 点击:(755)　　评论:(0)　　加入收藏

如何能更好的写出CSS？分享web前端大佬资料总结

编写优秀的 CSS 代码是件十分痛苦的事情。很多开发人员都不想做 CSS 开发。你让我干什么都行，但是 CSS 还是......【详细内容】

[css]　　　2019-08-01 13:11:52　TAGS: CSS 点击:(1010)　　评论:(0)　　加入收藏

浏览器兼容

（1）、不同浏览器的标签默认的外补丁（margin）和内补丁（padding）不同问题症状：随便写几个标签，不加样式控制的情况下，各......【详细内容】

[css]　　　2019-07-31 15:53:02　TAGS: 浏览器兼容点击:(1008)　　评论:(0)　　加入收藏

css隐藏页面元素的多种方法

在平常的样式排版中，我们经常遇到将某个模块隐藏，下面我整理了一下隐藏元素的多种方法以及对比（有的占据空间，有......【详细内容】

[css]　　　2019-07-25 10:00:09　TAGS: css 点击:(1038)　　评论:(0)　　加入收藏

如何编写轻量级 CSS 框架

作者 | 叙帝利链接 | www.cnblogs.com/nzbin/p/7073601.html前言这篇文章我已经酝酿了半年之久，或者说拖沓了......【详细内容】

[css]　　　2019-07-23 14:09:04　TAGS: CSS 框架点击:(1054)　　评论:(0)　　加入收藏

如何提升 CSS 性能的小知识

前言大家都知道，对于网站来说，性能至关重要，CSS作为页面渲染和内容展现的重要环节，影响着用户对整个网站的第一......【详细内容】

[css]　　　2019-07-17 09:58:49　TAGS: CSS 点击:(1174)　　评论:(0)　　加入收藏

css单位px、em、rem

PX:PX实际上就是像素，用PX设置字体大小时，比较稳定和精确。但是这种方法存在一个问题，当用户在浏览器中浏览我......【详细内容】

[css]　　　2019-07-02 09:44:52　TAGS: css 点击:(1267)　　评论:(0)　　加入收藏

CSS 二十年发展简史

作者 | 夏之安然责编 | 伍杏玲出品 | CSDN（ID：CSDNnews）在2019年的今天，我们能在网上看到炫酷的动画加载，精彩绝......【详细内容】

[css]　　　2019-06-27 09:30:26　TAGS: CSS 点击:(1189)　　评论:(0)　　加入收藏

CSS3的calc() 函数在响应式网站制作中的妙用

先看css3中的calc()的定义定义与用法calc() 函数用于动态计算长度值。需要注意的是，运算符前后都需要保留一......【详细内容】

[css]　　　2019-06-21 09:46:09　TAGS: CSS3 点击:(1164)　　评论:(0)　　加入收藏

css常用高级技巧

使用:not()在菜单上添加/取消边框很多人会这样给导航添加边框，然后给最后一个取消掉：/* add border */.nav l......【详细内容】

[css]　　　2019-06-21 09:22:03　TAGS: css 点击:(1132)　　评论:(0)　　加入收藏

198 首页上一页 2 3 4

会员登录

推荐资讯

CSS 颜色混合的N种方	CSS中px, vw, vh单位
CSS：绝对定位、相对定	你可能不知道的 CSS

热门点击