《CSS 揭秘》是一本由希腊前端大师 Lea Verou 所著的 CSS（层叠样式表）专业书籍。Lea Verou 不仅是 W3C CSS 工作组的特邀专家，设计 CSS 语言的委员之一，还在麻省理工学院从事人机交互领域的研究，同时她还是一位广受欢迎的博客作家和国际性技术会议的讲师。内容概述《CSS 揭秘》深入剖析了 CSS 的多个高级特性和技巧，全书通过丰富的案例和实践，引导读者循序渐进地探寻更
原创
2024-08-19 21:26:11
76阅读
CSS 是前端开发的重要基础之一，掌握它不仅能让网页更美观，还能让用户体验更流畅。然而，对于初学者来说，CSS 可能会因为规则繁多而感到复杂。本文将通过简单清晰的示例，帮助你从基础入手，逐步掌握 CSS 的核心技巧，并为成为 CSS 高手打下坚实的基础。
在《从零到高手：揭秘 CSS 的魔法世界（一）》中，我们学习了 CSS 的基础知识以及一些常用的样式技巧。接下来，在本篇中，我们将深入探索一些进阶的 CSS 技术与应用，让你更进一步掌握 CSS 的魔法，为前端开发增添更多创意。
第一章 引言 css编码技巧 在引言中，作者提到使用em与inherit来实现css代码的简洁与可维护性。但是根据本司机两年的开发经验来看，在实际开发中很少来使用em这个单位。如何用以及何时去使用，还是要根据实际开发需求来定吧，毕竟这两个属性都有一定的局限性。 第二章 背景与边框 半透明边框 bor
转载
2020-06-01 13:11:00
104阅读
2评论
互联网的发展总是在不断地催生新技术的产生，而HTML5和CSS3是最近一直被讨论的热门话题，对于每个互联网开发者尤其是前端开发者而言，都充满了好奇与渴望。那么HTML5和CSS3究竟有哪些让我们眼前一亮的东西呢？我在WebRebuild北京交流会和珍珠奶茶帮上给大家分享了《揭秘 HTML5和CSS3》，PPT在这里：
http://docs.google.com/present/view?id=
转载
2011-02-21 12:27:07
618阅读
本文主要讲述block，inline和inline-display的特性与区别
原创
2023-03-07 01:22:42
109阅读
<html><body><div class="header" style="text-align:center">header</div><div> <div style="display:in
原创
2023-03-07 01:22:58
77阅读
很神奇的背景设置， 看代码， 会产生这种效果的背景。 查看浏览器支持性，www.caniuse.com 可以看出很多浏览器都支持！
原创
2021-08-05 15:45:07
334阅读
投影 单侧投影 box-shadow:0px 10px 10px -5px black; 邻边投影 box-shadow:10px 10px 10px 2px black; 双侧投影 box-shadow:10px 0px 10px -10px black, -10px 0px 10px -10px
转载
2020-06-02 13:07:00
103阅读
2评论
在Web开发中，过渡（Transition）是一种能够在元素状态发生改变时，通过动画效果平滑地过渡到新状态的技术。这使得
原创
2024-03-02 00:50:11
166阅读
你是否曾在网页上看到一些酷炫的元素在状态变化时平滑而流畅地过渡？这就是CSS过渡效果的魔力所在！在这篇
CSS选择符目前有下面这几个：后代选择符空格（ ）、子选择符箭头（>）、相邻兄弟选择符加号（+）、随后兄弟选择符弯弯（~）和列选择符双管道（||）。其中对于前4个选择
原创
2022-05-01 17:41:12
456阅读
rem em rem适配
1,em单位（css3新增单位）em:就是一种长度单位，它是参照当前元素的字号，如果没有设置，就参照父容器，一直到浏览器的默认字号大小em 是相对长度单位（参照父元素），其参照当前元素字号大小，如果当前元素未设置字号则会继承其祖先元素字号大小。比如：当前盒子的字号大小为:.box {
font-size
转载
2024-06-12 21:05:08
75阅读
爱是朝朝暮暮的相守CSS字体样式属性font-size:字号大小font-family:字体注意CSS Unicode字体font-weight:字体粗细font-style:字体风格font:综合设置字体样式 (重点)CSS外观属性color:文本颜色line-height:行间距text-align:水平对齐方式text-indent:首行缩进text-decoration 文本的装饰简单案例CSS字体样式属性font-size:字号大小font-size属性用于设置字号，该属性的值可以使用相对长
原创
2020-06-26 22:07:36
1300阅读
今天和新认识的好兄弟喝了点，脑子有点晕，大致就是学了这些，明天认真的更新，今天说个大概吧‘ css概数： css是cascading style sheets的简称，中文称为层叠样式表，用来控制网页数据的表现，可以使网页的表现与数据内容分离’ 一、 css的四种引入方式 1.行内式  
转载
2024-01-04 13:29:17
47阅读
一、浮动浮动的框可以向左或向右移动，直到它的外边缘碰到包含框或另一个浮动框的边框为止。由于浮动框不在文档的普通流中，所以文档的普通流中的块框表现得就像浮动框不存在一样。1、请看下图，当把框 1 向右浮动时，它脱离文档流并且向右移动，直到它的右边缘碰到包含框的右边缘：2、再请看下图，当框 1 向左浮动时，它脱离文档流并且向左移动，直到它的左边缘碰到包含框的左边缘。因为它不再处于文档流中，所以它不占据...
转载
2020-02-05 18:20:00
82阅读
2评论
1. 概述
css是英文Cascading Style Sheets的缩写,称为层叠样式表，用于对页面进行美化。
存在方式有三种：元素内联、页面嵌入和外部引入，比较三种方式的优缺点。
语法：style = 'key1:value1;key2:value2;'
转载
2018-07-12 10:36:00
48阅读
