CSS参考手册

前端爱好者的小白学习之路-3.1 CSS学习笔记-用CSS来提升网页开发的效率 学扎实CSS基础语法 麻麻再也不用担心我的网页页面布局太丑辣（持续更新中）

由 妖精的绣舞 提交于 2021-02-02 10:43:44
更多细节请参考 CSS参考手册 1.写在前面 关于CSS基础语法 【1】相比于HTML 内容及难度上有明显的提升 【2】CSS用来美化布局网页 【3】CSS中最为困难的地方 就是 布局结构 只有熟练地掌握了CSS语法基础 才能理解之后更复杂的知识点 并灵活地利用这些知识去进行 网页的 布局 阅读完此文 你会得到—— 关于CSS基础语法的要点 得到一个大致的学习CSS的方向 文章目录 1.写在前面 2.我的学习方式 3.网页布局中 CSS一定要熟练掌握这些！ 4.CSS基础语法 CSS背景 简写属性的顺序 background-position的详情 CSS文本 文本颜色 文本缩进 文本对齐方式 文本修饰 文本转换 更多文本属性… 更多对文本的操作实例！ CSS字体 字体系列-“weiruanyahei” 字体样式-斜体字 字体粗细 字体大小–设置像素/em 选择器 通配符选择器 普通选择器 id选择器&Class选择器（类选择器） id选择器 class选择器（类选择器） 样式表 外部样式表–独立的.css文件 内部样式表—初学的时候用的最多！ 内联样表 多重样式优先级 其他CSS优先规则 CSS链接 a:hover a:active … 四个链接样式的顺序–“LoVe and HAte” 文本修饰 背景颜色 更多链接样式 添加不同样式的超链接 CSS列表：list-style

css3实现背景色渐变linear-gradient()

由 ぐ巨炮叔叔 提交于 2020-11-18 23:54:54
用线性渐变创建图像。 如果想创建以对角线方式渐变的图像，可以使用 to top left 这样的多关键字方式来实现。 示例代码： linear-gradient(#fff, #333); linear-gradient(to bottom, #fff, #333); linear-gradient(to top, #333, #fff); linear-gradient(180deg, #fff, #333); linear-gradient(to bottom, #fff 0%, #333 100%); demo代码： <!DOCTYPE html> <html lang="zh-cmn-Hans"> <head> <meta charset="utf-8" /> <title>linear-gradient()_CSS参考手册_web前端开发参考手册系列</title> <meta name="author" content="Joy Du(飘零雾雨), dooyoe@gmail.com, www.doyoe.com" /> <style> div { width: 200px; height: 100px; margin-top: 10px; border: 1px solid #ddd; } .test { background: linear-gradient(#fff,

前端开发文档（参考手册,开源书籍）

由 青春壹個敷衍的年華 提交于 2020-02-28 19:56:32
前端开发文档 前端开发文档包含前端技术(HTML.CSS,JS)的参考手册，前端编码规范，以及整理前端开源的一些书籍。 访问地址: http://f2edocs.com 当前版本 V0.1 持续更新中... 参考、使用的项目 [ECMAScript6 编码规范]（ https://github.com/gf-rd/es6-coding-style） w3school ECMAScript 6入门 七天学会NodeJS JavaScript 秘密花园 CSS参考手册 来源： oschina 链接： https://my.oschina.net/u/556016/blog/513912
订阅 CSS参考手册