CSS3选择器
参考资料： 一套企业级UI设计语言和React组件库：https://gitee.com/ant-design/ant-design 同上：https://ant-design.gitee.io/ 1. CSS3基础CSS3完全向下兼容，网络浏览器也还将继续支持CSS2。 CSS3主要的影响是将可以使用新的可用的选择器和属性，这些会允许实现新的设计效果，比如动态和渐变，而且可以很简单的设计处
CSS基础入门
1. 什么是CSSCSS，Cascading Style Sheets 层叠样式表。 即：如何修饰网页信息的显示样式。 目前推荐遵循的是 W3C 发布的 CSS3.0（1998年5月21日W3C推出了CSS2.0），用来表现XHTML或者XML等样式文件的计算机语言。 2. CSS语法 每个CSS样式由两部分组成，即选择符和声明，声明又分为属性和属性值 属性必须放在花括号{}
CSS定位布局
1. position 定位position 定位，需要结合偏移位置（top/left/right/bottom）使用。有 6 个取值。 6 postion: inherit; 从其父元素继承此属性。 12345position 偏移位置属性：top:100px;left:100px;right:100px;bottom:100px; 1.1 绝对与相对定位
CSS属性,CSS盒子
1. CSS 样式属性1.1 字体 font-xxx定义文本的字体系列、大小、加粗、风格（如斜体）和变形（如小型大写字母）。 font 简写属性。作用是把所有针对字体的属性设置在一个声明中。eg：font:oblique 700 30px “黑体”; /* 样式 加粗 大小 风格 */ font-family 设置字体系列。 font-size 设置字体的尺寸。 font-s
CSS样式案例集锦
布局两栏布局123456789101112131415161718192021222324252627282930313233<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewpo
Sass教程
参考资料： sass官网：https://sass-lang.com.cn/ sass教程：https://sass-lang.com.cn/documentation/ 1. 介绍sass最成熟、最稳定、最强大的专业级css扩展语言 sass是css的预编译工具 更优雅的书写css 需要转换成css才能让浏览器认识和运行 安装一个插件：Easy Sass 可以自动将.scss的样式代
使用方式,CSS选择器
1. CSS 样式使用方式1.1 内联方式标签内，单独对特定标签元素生效，简单，但不能复用。 1<font style="color: red;">这是一行字</font> 1.2 内部方式 在 head 标签中，使用 style 标签 使用选择器选中元素 编写 css 代码 12345678<style type="text/css&
响应式布局
1. 常见布局方案 固定布局：以像素作为页面基本单位，不管设备屏幕及浏览器宽度，只设计一套尺寸。 可切换的固定布局：同样以像素作为页面单位，参考主流设备尺寸，设计几套不同宽度的布局。通过识别的屏幕尺寸或者浏览器宽度，选择最合适的那套宽度布局。 弹性布局：以百分比作为页面基本单位，可以适应一定范围内的所有尺寸的设备屏幕及浏览器宽度，并能完美利用有效空间展现最佳效果。 混合布局：同弹性布局类似，可以