css技术指南_51CTO博客

CSS简写指南

高效的css写法中的一条就是使用简写。通过简写可以让你的CSS文件更小，更易读。而了解CSS属性简写也是前端开发工程师的基本功之一。今天我们系统地总结一下CSS属性的缩写。色彩缩写色彩的缩写最简单，在色彩值用16进制的时候，如果每种颜色的值相同，就可以写成一个：color：#113366可以简写为：color：#136所有用到16进制色彩值的地方都可以使用简写，比如background-color

css

边距

默认值

ide

圆角

转载

mb5ff58fc86bda8

2016-07-10 16:07:00

119阅读

2评论

CSS权威指南

ISBN：978-7-5083-5594-8作者：Eric A.Meyer译者：尹志忠侯妍出版时间：2017年4月第十四次印刷（

css

html

读书笔记

原创

Jack魏

2022-06-22 12:13:59

259阅读

CSS简写指南

css

边距

默认值

ide

圆角

转载

mb5fd86a704dffe

2013-10-13 23:35:00

62阅读

2评论

CSS 单位指南

在前端开发中，CSS 单位的选择直接影响着页面的布局效果和响应式表现。本文将系统介绍 CSS 中各种单位的特性、使用场景和最佳实践，帮助你做出更明智的选择。

css

html

响应式

原创精选

前端小巷子

6月前

208阅读

CSS简介概述-CSS权威指南

第一章：CSS和文档 1.1 Web样式简介 1994年，正值Web开始广泛流行开来，CSS的第一个提案发布了。那时，浏览器为用户提供了各种样式的定制功能，而文档编写人员却做不到这一点。文档编写人员只能把内容标记成一个个段落、一级级标题、一块块预排格式文本，或者一些其他类型的元素。如果用户愿意，可以 ...

CSS

css

样式表

描述符

媒体查询

转载

mob604756ea26ec

2021-07-15 18:51:00

372阅读

2评论

CSS技术

Web标准[22]不是某一个标准，而是一系列标准的集合。网页主要由三部分组成：结构（Structure）、表现（Presentation）和行为（Behavior）。对应的标准也分三方面：结构化标准语言主要包括XHTML和XML，表现标准语言主要包括CSS。

职场

休闲

CSS技术

原创

lili00okok

2007-06-27 15:30:30

1341阅读

现代 CSS 颜色指南

HEX、RGB、HSL、HWB、LAB、LCH、CMYK

十六进制

css

颜色值

原创

前端充电宝

2022-02-23 16:51:45

950阅读

CSS icon 拼装指南

一、必要的CSS属性 1.伪类 ::before & ::after 我们知道可以给 HTML标签添加伪元素，其中::befare、::after能够应用几乎所有的 CSS 属性，也就是说可以通过添加伪元素让一个HTML标签实现3个标签的样式效果，这样可以减少在复杂的 CSS icon 中的标签数量，让HTML结构更简洁。 div .pseudo{ position:relative; width:150px; height:70px; margin:30px; background:#999; line-height:50p...

css

ico

html

圆角

html标签

转载

mob604756fc093d

2012-07-26 20:59:00

198阅读

2评论

CSS Grid布局指南

简介 CSS Grid布局（又名"网格"），是一个基于二维网格布局的系统，主要目的是改变我们基于网格设计的用户接口方式。如我们所知，CSS 总是用于网页的样式设置，但它并没有起到很好的作用。刚开始的时候我们使用表格(table)，然后使用浮动(float)、定位(position)和内联块(in

属性值

属性设置

css

原创

苍青浪1

2022-07-25 10:14:46

284阅读

Airbnb CSS / Sass 指南

用更合理的方式写CSS和Sass译文GitHub链接，欢迎各位指正。翻译自AirbnbCSS/SassStyleguide目录术语规则声明选择器属性2.CSS格式注释OOCSS和BEMID选择器JavaScript钩子边框3.Sass语法排序变量Mixins扩展指令嵌套选择器术语规则声明我们把一个（或一组）选择器和一组属性称之为“规则声明”。举个例子：.listing{font-size:18px

Java

转载

mb5ff98083d7c62

2021-01-09 21:49:54

213阅读

《CSS权威指南》笔记

谁在开发 HTML5 ? WHATWG——Web Hypertext Application Technology Working Group，Web超文本应用技术工作组 W3C—— IETF——Internet Engineering Task Force，因特网工程任务组浏览器对HTML5的支 ...

css

控件

选择符

html

媒体查询

转载

mob604756eb6938

2021-08-20 14:32:00

242阅读

2评论

CSS Sprites (CSS 精灵) 技术

CSS Sprites在国内很多人叫css精灵，是一种网页图片应用处理方式。它允许你将一个页面涉及到的所有零星图片都包含到一张大图中去，这样一来，当访问该页面时，载入的图片就不会像以前那样一幅一幅地慢慢显示出来了。对于当前网络流行的速度而言，不高于200KB的单张图片的所需载入时间基本是差不多的，所

CSS

原创

cn2024

2018-07-10 09:01:00

277阅读

CSS进阶-CSS Sprites技术

在网页设计与开发领域，提高页面加载速度和优化用户体验是永恒的主题。CSS Sprites（精灵图）作为一种经典的图片合并技术，通过减少HTTP请求次数，有效提升了网站性能。本文将深入浅出地探讨CSS

前端

CSS

ico

屏幕尺寸

原创

Jimaks

2024-06-24 00:08:31

79阅读

CSS——CSS精灵技术（sprite）※

文章目录CSS精灵技术（sprite）小妖精雪碧精灵技术产生的背景精灵技术本质精灵技术的使用制作精灵图注意事项结束语：精灵图案例CSS精灵技术（sprite）小妖精雪碧精灵技术产生的背景图所示为网页的请求原理图，当用户访问一个网站时，需要向服务器发送请求，网页上的每张图像都要经过一次请求才能展现给用户。然而，一个网页中往往会应用很多小的背景图像作为修饰，当网页中的图像过多时，服务器就会频繁地接受和发送请求，这将大大降低页面的加载速度。为了有效地减少服务器接受和发送请求的次数，提高页面的

CSS

原创

流楚丶格念

2020-07-03 21:18:42

548阅读

【CSS】CSS 精灵技术 Sprite ( 精灵技术需求 | CSS 精灵技术简介 | 代码示例 )

一、精灵技术需求二、CSS 精灵技术三、CSS 精灵技术代码示例

css

html

前端

CSS 精灵技术

background

原创

韩曙亮_

2023-04-22 07:16:33

153阅读

CSS技术（笔记）

2.1CSS技术1.简介：它是叠层样式表，cascadingstytlesheet，它的作用是增强网页的显示效果。目的：使用css让网页内容和样式分离，便于网站代码后期的维护。书写规范：选择器{属性1:值1;属性2:值2;}提示：如果值为若干单词，则要给值加引号实例：通过css样式<div>标记进行设置div{border:1pxsolidred;width:600px;height:

CSS技术

原创

wx5da03a3bd2999

2020-03-26 21:30:48

461阅读

CSS hack技术

首先我们要了解一个概念CSS hack 不同浏览器，比如IE6、IE7、IE8,Mozilla Firefox等，对CSS的支持及解析结果不同，因此会导致相同的网页生成的页面效果不一样。这个时候我们就需要针对不同的浏览器去定义不同的CSS，让它能够同时兼容不同的浏览器，能在不同的浏览器中也能得到我

css

firefox

html

原创

刘俊涛的博客

2022-05-07 15:49:20

158阅读

实用CSS技术

CSS (Cascading Stylesheets，层叠样式表)是一种制作网页的新技术，现在已经为大多数的浏览器所支持，成为网页设计必不可少的工具之一。使用CSS能够简化网页的格式代码，加快下载显示的速度，也减少了需要上传的代码数量，大大减少了重复劳动的工作量。尤其是当你面对的是有数百个网页的站点时，CSS简直象是神对我们的恩赐！前言 CSS(Cascading Stylesheets

职场

css

休闲

层叠样式表

添加层叠样式表

转载

小叶残风

2011-08-29 17:13:02

487阅读

03 CSS技术

CSS 技术文档:CSS2.0.ch 1.1CSS技术介绍 CSS 是「层叠样式表单」。是用于(增强)控制网页样式并允许将样式信息与网页内容分离的一种标记性语言。 1.2 CSS语法规则选择器：浏览器根据“选择器”决定受 CSS 样式影响的 HTML 元素（标签）。属性 (property) ...

css

选择器

html

实线

字体颜色

转载

mb5fe18fed96438

2021-07-21 17:21:00

149阅读

2评论

CSS常用技术

1、处理图片底部 5px 间距 <style> body {background: #2d97db;} .imgBox { background: #fff; font-size: 0; /* 方式一 */ line-height: 5px; /* 方式二 */ } img { width: 100 ...

css

2d

html

chrome

自定义

转载

mb5fed7287e6183

2021-10-08 14:58:00

137阅读

2评论

官方博客	全部文章	热门标签	班级博客
了解我们	网站地图	意见反馈

鸿蒙开发者社区	51CTO学堂
51CTO	软考资讯

51CTO博客

css技术指南

CSS简写指南

CSS权威指南

CSS简写指南

CSS 单位指南

CSS简介概述-CSS权威指南

CSS技术

现代 CSS 颜色指南

CSS icon 拼装指南

CSS Grid布局指南

Airbnb CSS / Sass 指南

《CSS权威指南》笔记

CSS Sprites (CSS 精灵) 技术

CSS进阶-CSS Sprites技术

CSS——CSS精灵技术（sprite）※

【CSS】CSS 精灵技术 Sprite ( 精灵技术需求 | CSS 精灵技术简介 | 代码示例 )

CSS技术（笔记）

CSS hack技术

实用CSS技术

03 CSS技术

CSS常用技术

Nginx技术指南

相亲技术指南~

技术选型指南

kubernetes 技术指南

【Web技术】188-[译] 现代 JavaScript 与 CSS 滚动实现指南

MHDD技术指南

不同CSS技术及其CSS性能

使用HTML、CSS和JavaScript构建单词搜索游戏的技术指南

CSS居中对齐终极指南