第十三课 CSS外观及样式的应用 css学习3

weakish 发布于2019-04-23 11:47 / 2588人阅读

摘要：一文本颜色预定义文本颜色值，如，等十六进制的颜色值白色建议常用的表示方法代码，如红色可以表示为或行间距文本水平对齐方式首行缩进一个字的宽度字间距单词间距针对于英文，中文无效颜色半透明是透明的意思取值范围为四个参数不能省

一、
1、color: 文本颜色
　　预定义文本颜色值，如red，blue等
　　十六进制的颜色值 #fff白色建议常用的表示方法
　　RGB代码，如红色可以表示为rgb(255,0,0)或rgb(100%,%0,%0)

2、行间距: line-height
　　　　line-height: 10px;

3、text-align 文本水平对齐方式
　　text-align: center; right left

4、 text-indent 首行缩进
　　text-indent: 1em; 1em 一个字的宽度

5、letter-spacing 字间距
　　letter-spaccing: 2px;

6、word-spacing 单词间距
　　word-spacing:10px; 针对于英文，中文无效

7、颜色半透明
　　color: rgba(r,g,b,a) a是alpha 透明的意思取值范围为0-1 四个参数不能省略
　　color: rgba(255,0,0,.3);

8、文字阴影（Css3）
语法结构:
text-shadow: 水平位置垂直位置模糊距离阴影的颜色; 四个参数前两个参数必写后两个默认
如：text-shadow: 5px,11px 3px rgba(0,0,0,.4);

9、sublime快捷键
　　1、tab自动补全下半部分元素
　　2、生成多个相同元素使用* 如 div*3 可生成3个div
　　3、父子关系的元素 ul>li*3
　　4、兄弟关系的标签，用+就可以了如 div+p
　　5、如果生成带有类名或者id名字的直接写.demo或者 #two tab就好了

GPU云服务器云服务器 css的样式 html的css样式 css样式页面css样式

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/1151.html

TRY REGEX：正则表达式交互式入门教程翻译&解答

摘要：写一个正则表达式来测试变量中是否包含字符串。用函数给出不使用字符，但和等价的正则表达式。第十四课标志全局匹配标志第二个常用的标志是全局匹配标志，用字母表示。写出一个正则表达式来检验合法性。非捕获组的主要用途是给一个组赋予量词。 TRY REGEX 是一个交互式的正则表达式学习项目项目地址：https://github.com/callumacra...在线地址：http://tryre...

李义 2019-08-20 14:18 评论0 收藏0
JavaScript 工作原理之十三－CSS 和 JS 动画底层原理及如何优化其性能

摘要：关键帧是用来通知浏览器在规定的时间点上应有的属性值然后填充空白。每一对数值内包含表示三次贝塞尔曲线控制点的和坐标。即使每个控制点的和值的微小差异都会输出完全不同的贝塞尔曲线。原文请查阅这里，本文采用知识共享署名 4.0 国际许可协议共享，BY Troland。本系列持续更新中，Github 地址请查阅这里。这是 JavaScript 工作原理的第十三章。概述正如你所知，动画在...

0xE7A38A 2019-08-22 18:27 评论0 收藏0
JavaScript 工作原理之十三－CSS 和 JS 动画底层原理及如何优化其性能

摘要：关键帧是用来通知浏览器在规定的时间点上应有的属性值然后填充空白。每一对数值内包含表示三次贝塞尔曲线控制点的和坐标。即使每个控制点的和值的微小差异都会输出完全不同的贝塞尔曲线。原文请查阅这里，本文采用知识共享署名 4.0 国际许可协议共享，BY Troland。本系列持续更新中，Github 地址请查阅这里。这是 JavaScript 工作原理的第十三章。概述正如你所知，动画在...

william 2019-08-02 10:47 评论0 收藏0
JavaScript 工作原理之十三－CSS 和 JS 动画底层原理及如何优化其性能

摘要：关键帧是用来通知浏览器在规定的时间点上应有的属性值然后填充空白。每一对数值内包含表示三次贝塞尔曲线控制点的和坐标。即使每个控制点的和值的微小差异都会输出完全不同的贝塞尔曲线。原文请查阅这里，本文采用知识共享署名 4.0 国际许可协议共享，BY Troland。本系列持续更新中，Github 地址请查阅这里。这是 JavaScript 工作原理的第十三章。概述正如你所知，动画在...

winterdawn 2019-08-30 15:53 评论0 收藏0