css
关注
分享
扫一扫
文章平均质量分 89
睡不醒的大南
这个作者很懒，什么都没留下…
展开
-
css揭秘|第四章：视觉效果
单侧投影单侧投影只有下侧有投影box-shadow: 0px 4px 4px -4px red;只有左侧有投影box-shadow: -4px 0px 4px -4px red;只有右侧有投影box-shadow: 4px 0px 4px -4px red;只有上侧有投影box-shadow: 0px -4px 4px -4px red;邻边投影box-shadow: 6px 6px 4px red;双侧投影box-shadow: -4px 0px 4px -4px re原创 2021-04-11 17:58:55 · 245 阅读 · 0 评论 -
css揭秘|第三章：形状
自适应的椭圆以下是个普通圆形<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0">原创 2021-04-08 18:23:48 · 102 阅读 · 0 评论 -
css文档第九章 visual formatting model自己的学习笔记，如有错误请多指正
visual formatting model9.1 introduction to the viaual formatting model这节是介绍视觉格式化模型：UA是怎么在media下处理文档树的。在视觉格式化模型中，在文档树的每个元素根据盒模型生成个或者更多的盒子，这些盒子的布局被以下东东控制*box dimensions and type.*盒子*positioning scheme (normal flow, float, and absolute positioning).*定位翻译 2021-04-06 12:06:08 · 333 阅读 · 0 评论 -
css揭秘第二章：背景与边框，自己的学习笔记，如有错误请多指正
1 半透明边框 width: 200px; height: 200px; background: white; border: 10px solid hsla(0, 0%, 100%, 0.5); background-clip: padding-box;默认背景是延伸到边框的下层的，但是我们要body的背景从半透明白色边框透上去，可以通过改变background-clip属性的值来处理，这个属性初始值是border-box，是表示背景会被border的外边缘切掉，改成原创 2021-04-05 20:22:26 · 231 阅读 · 2 评论 -
css揭秘第一章：引言，自己的学习笔记，如有错误请多指正
web标准w3c的标准是公开的，讨论被记录在这里 https://lists.w3.org/Archives/Public/www-style/每周的会议会被记录在这里http://irc.w3.org/一个规范的诞生：草案（ED）首个公开工作草案（FPWD）工作草案（WD）浏览器的早期实现是从这开始的候选推荐规范(CR)：相对稳定版本提名推荐对反（PR）：这是反映意见的最后机会正式推荐规范（PEC）推荐阅读https://fantasai.inkedblade.net/w原创 2021-04-04 16:41:50 · 156 阅读 · 0 评论 -
w3c文档|7 Media types 自己的学习笔记，欢迎指正
introduction to media typescss一个重要的特性怎样指定文档在不同的媒体之中呈现。在屏幕，纸上，盲文设备上，等等。确定的css样式只是为了确定的呈现方式。然而，在不同的媒体类型xss可能分享属性。但是这些属性需要指定不同的值，例如在纸上和屏幕都有font-size属性，但是在纸上字体就要大一些。所以css需要应用于特定的media types。Specifying media-dependent style sheets有两个方式来指定依赖的媒体类型用@media翻译 2021-03-29 20:56:08 · 244 阅读 · 0 评论 -
W3C文档 5 . selector 选择器，自己的学习笔记，欢迎指正
选择器通配符选择器类选择器后代选择器用空格分隔<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=翻译 2021-03-29 17:46:03 · 265 阅读 · 0 评论 -
w3c文档 Syntax and basic data types语法和基本数据结构 自己的学习笔记，欢迎指正
选择器通配符选择器类选择器后代选择器用空格分隔<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=翻译 2021-03-29 17:30:33 · 147 阅读 · 0 评论 -
6.Assigning property values, Cascading, and Inheritance（属性值，级联和继承）自己的学习笔记，带有个人理解，欢迎指正
6.Assigning property values, Cascading, and Inheritance（属性值，级联和继承）Specified, computed, and actual values最后的属性值有4步，先有个指定值（specified），再把它解析成能继承的值（the computer value）再把它解析成使用是的值（used name）再把根据应用环境解析成实际应用的值（actual value）Specified values指定值的优先级顺序：如果级联有值，就翻译 2021-03-29 17:19:34 · 129 阅读 · 0 评论