样式
黄泽平
深耕前端,努力前进!
展开
-
Sass快速入门
用过CSS3的都知道,CSS3没有变量,也不支持任何逻辑脚本。人总是很聪明的,随着需求的增加,Sass诞生,目的在于使样式支持逻辑脚本,使程序猿们更高效的写样式,Sass脚本经过编译后,最终会转换成.css文件。Sass脚本有两种格式,分别是.sass和.scss,这两种格式的区别在于:.sass不使用大括号和分号。由于.scss的写法与.css更加相似,所以通常我们都使用.scss格式。本篇博客原创 2017-12-25 09:59:55 · 1645 阅读 · 0 评论 -
CSS3 选择器的用法总结
本篇博客主要针对CSS3一个很常用的知识点进行归纳总结,那就是选择器。目的:通过选择器的使用,开发者可以快速地选取到目标元素。本篇通过以下几方面介绍选择器:通配符 直接子节点 常用伪类选择 位置选择 属性选择 状态选择 过滤选择通配符通配符包括三种:(1)通配符^,表示开头匹配。(2)通配符$,表示结尾匹配。(3)通配符*,表示包含匹配。它的用法如下:&...原创 2017-11-09 11:40:06 · 1572 阅读 · 0 评论 -
CSS3 常用易混的样式用法总结
本篇博客主要针对CSS3样式用法的一些知识点进行归纳总结,本篇通过以下几方面介绍样式用法:字体样式 盒子样式 背景及边框样式 变形样式 动画样式 Media Queries样式 滤镜样式 定位样式字体样式字体基础样式设置:font-family:字体格式font-size:字体大小font-weight:字体粗细text-shadow:字体阴影<...原创 2017-11-10 17:43:24 · 1032 阅读 · 0 评论 -
CSS3 分栏布局和弹性布局(续) 弹性布局构造网站主页效果
源码:<!-- 建站Demo--><!DOCTYPE html><meta charset="utf-8" /><html> <head> <meta charset="utf-8" /> <title></title>原创 2017-11-15 17:55:21 · 521 阅读 · 0 评论