前面的话 现在，预处理器(如sass)似乎已经成为开发CSS的标配，正如几年前jQuery是开发JS的标配一样。JS的querySelector借鉴了jQuery的选择器思想，CSS选择器也借鉴了预处理器的变量定义、选择器嵌套、代码块重用等常用功能。本文将详细介绍CSS选择器的新用法 变量 一般...

2018-06-24 02:15:02 css规则

CSS3基础 1 样式表的使用 1.内联样式表。 只影响单个元素，常用于标签。 p style="color: aqua;font-size: 20px"This is CSS./p 2.内部样式表。 对本页面元素起作用，一般写在head/head中，用style/style定义。 head meta charset="utf-8" title无标题文档/title style...

2018-06-24 02:01:28 css文件css规则

css指层叠样式表（cascading style sheets），主要用于设置HTML页面中的文本内容（字体、大...

2018-06-24 01:57:39 css文件css代码css规则引入外部css

为什么要CSS模块化？ 你是否为class命名而感到苦恼？ 你是否有怕跟别人使用同样class名而感到担忧？ 你是否因层级结构不清晰而感到烦躁？ 你是否因代码难以复用而感到不爽？ 你是否因为common.css的庞大而感到恐惧？ 如果有，恭喜你来对了地方！本文会为您一一解决这些...

2018-06-24 01:48:25 css代码css 样式css规则html标记

浏览器工作大流程 来看个图： 从上面这个图中，我们可以看到那么几个事： 1）浏览器会解析三个东西： 一个是HTML/SVG/XHTML，事实上，Webkit有三个C++的类对应这三类文档。解析这三种文件会产生一个DOM Tree。 CSS，解析CSS会产生CSS规则树。 Javascript，脚本，主要是...

2018-06-24 01:47:38 css文档css规则html文档

CSS根据屏幕分辨率宽度自动适应的办法 第一种办法是js选择CSS SCRIPT language=JavaScript !-- Begin if (screen.width == 640) { document.write('link href="/Css/Style.css" rel="stylesheet" type="text/css" /'); } if (screen.width == 800) { document.write('l...

2018-06-24 01:47:37 css文件css代码css规则

介绍 sass 是什么？？ 在sass的官网，它是这么形容给自己的 Sass is the most mature, stable, and powerful professional grade CSS extension language in theworld. sass 是世界上最成熟稳定强大的css扩展语言。 sass并不是一种编程语言，但是我们可以用于开发网页...

2018-06-24 01:44:53 css文件css规则css兼容html文档

1. 网页布局概述 网页布局的概念是把即将出现在网页中的所有元素进行定位，而CSS网页排版技术有别于传统的网页排版方法，它将页面首先在整体上使用div标记进行分块，然后对每个快进行CSS定位以及设置显示效果，最后在每个块中添加相应的内容。利用CSS排版方法更容易地...

2018-06-24 01:43:25 css规范css规则html语言

一、弹性盒模型 1、弹性盒子模型介绍 弹性盒模型（Flexible Box或Flexbox）是一个CSS3新增布局模块，官方称为CSS Flexible Box Layout Module,用于实现容器里项目的对齐、方向、排序（即使在线吗大小位置、动态生成的情况）。 弹性盒模型最大的特征在于，能够动态修改...

2018-06-24 01:42:13 css规则web前端开发web前端前端开发

前面的话 css modules是一种流行的模块化和组合CSS的系统。 vue-loader提供了与css modules的集成，作为scope CSS的替代方案。本文将详细介绍css modules 引入 最开始使用Vue的时候，提倡并大量使用的是scoped这种技术 style scoped @media (min - width: 250px) { .li...

2018-06-24 01:39:47 css文件css规则