省略资源文件的协议 建议省略掉图片, 媒体文件, 样式和脚本 URL 中的协议部分 (http:, https:), 省略掉协议部分后, 资源文件将继承页面 URL 的协议. 不但可以防止内容混用的问题, 还可以减小页面的尺寸. 比如: 引用一个 JavaScript 文件可以用下面建议的方式来写. 省略掉可选的标签 用过 Dreamwave 的同学应该有印象, 当你创建一个
转载
2012-06-21 21:19:00
254阅读
2评论
一 缘由： 经常看到周围人写的代码，在大公司有规范，很多人不乱写代码，但是在很多小公司，很多程序员都是半路出家，也不喜欢读书学习，导致写出来的代码乱七八糟。今天拜读了python编程这本书，作者把python语言的编程规范给列出来了，感觉这块非常好，就给大家分享一下了。 二 python代码格式设置
转载
2019-10-11 17:12:00
134阅读
2评论
CSS架构设计作为一名合格的前端开发，稳固可靠的css代码已经是一个必备的基础技能，从一开始的css代码累赘，直到sass/less等css扩展语言诞生，css也开启了不一样的道路，此篇文章适合对sass/less等css拓展语言的了解并且习惯使用面向过程的编写方式的开发者学习，以下以sass为例。sass是一款css的辅助工具，主要以编程的开发方式应用到css中去，来提高css代码的管理和开发。
转载
2024-06-16 16:30:56
28阅读
在前端开发中，CSS 单位的选择直接影响着页面的布局效果和响应式表现。本文将系统介绍 CSS 中各种单位的特性、使用场景和最佳实践，帮助你做出更明智的选择。
高效的css写法中的一条就是使用简写。通过简写可以让你的CSS文件更小，更易读。而了解CSS属性简写也是前端开发工程师的基本功之一。今天我们系统地总结一下CSS属性的缩写。色彩缩写色彩的缩写最简单，在色彩值用16进制的时候，如果每种颜色的值相同，就可以写成一个：color：#113366可以简写为：color：#136所有用到16进制色彩值的地方都可以使用简写，比如background-color
转载
2016-07-10 16:07:00
119阅读
2评论
ISBN：978-7-5083-5594-8作者：Eric A.Meyer译者：尹志忠 侯妍出版时间：2017年4月第十四次印刷（
原创
2022-06-22 12:13:59
256阅读
作为一名前端开发者，我经常被问到："为什么你的页面布局这么流畅？响应式适配这么完美？"今天，我就来分享一下在实际项目中常用的 CSS 布局技巧和响应式设计方案。
现代布局三剑客：Flex、Grid 和 Container Queries
1. Flex 布局的高级应用
在日常开发中，Flex 布局已经成为标配，但要用好它还是有不少技巧：
/* 1. 弹性间距布局 */
.fle
第一章：CSS和文档 1.1 Web样式简介 1994年，正值Web开始广泛流行开来，CSS的第一个提案发布了。那时，浏览器为用户提供了各种样式的定制功能，而文档编写人员却做不到这一点。文档编写人员只能把内容标记成一个个段落、一级级标题、一块块预排格式文本，或者一些其他类型的元素。如果用户愿意，可以 ...
转载
2021-07-15 18:51:00
372阅读
2评论
网页Css默认设计样式载入模板代码body.css
原创
2022-07-03 00:12:34
317阅读
CSS 布局终极指南：Flex、Grid 与响应式设计
用更合理的方式写CSS和Sass译文GitHub链接，欢迎各位指正。翻译自AirbnbCSS/SassStyleguide目录术语规则声明选择器属性2.CSS格式注释OOCSS和BEMID选择器JavaScript钩子边框3.Sass语法排序变量Mixins扩展指令嵌套选择器术语规则声明我们把一个（或一组）选择器和一组属性称之为“规则声明”。举个例子：.listing{font-size:18px
转载
2021-01-09 21:49:54
213阅读
谁在开发 HTML5 ? WHATWG——Web Hypertext Application Technology Working Group，Web超文本应用技术工作组 W3C—— IETF——Internet Engineering Task Force，因特网工程任务组 浏览器对HTML5的支 ...
转载
2021-08-20 14:32:00
242阅读
2评论
一、必要的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...
转载
2012-07-26 20:59:00
198阅读
2评论
简介 CSS Grid布局 （又名"网格"），是一个基于二维网格布局的系统，主要目的是改变我们基于网格设计的用户接口方式。如我们所知，CSS 总是用于网页的样式设置，但它并没有起到很好的作用。刚开始的时候我们使用表格(table)，然后使用浮动(float)、 定位(position)和内联块(in
原创
2022-07-25 10:14:46
284阅读
CSS遮罩是一种通过定义透明与不透明区域来控制元素可见性的技术，它打破了传统图像显示的局限，为网页设计带来全新视觉体验。遮罩可使用外部图像或CSS渐变生成，支持多种形状和效果。遮罩模式（如match-source、alpha、luminance）决定了遮罩层与元素的交互方式，影响最终效果。结合背景图像、动画及响应式设计，遮罩能实现丰富的交互体验，提升页面趣味性和艺术感。掌握遮罩原理与应用，可创造独特且精美的网页作品。
CSS遮罩技术通过在元素上方添加遮罩层，精准控制显示区域。遮罩可以是PNG图像或CSS渐变，利用透明度和亮度信息决定元素的可见部，为网页设计带来更多可能性。
HEX、RGB、HSL、HWB、LAB、LCH、CMYK
原创
2022-02-23 16:51:45
950阅读
