![](https://img-blog.csdnimg.cn/20201014180756757.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
css
文章平均质量分 88
WiFi_Uncle
前端
展开
-
为什么「margin:auto」可以让块级元素水平居中?
http://www.zhihu.com/question/21644198知乎网友回答 1. margin:auto 能使块级元素水平居中,计算公式如下 . ‘margin-left’(x) + ‘border-left-width’(0) + ‘padding-left’(0) + ‘width’(假设 300px) + ‘padding-right’(0) + ‘border-right-转载 2016-08-22 10:41:57 · 845 阅读 · 1 评论 -
SASS学习系列之(二)--------- SASS,SCSS环境搭建(node-sass)
SASS,SCSS环境搭建(Ruby) http://blog.csdn.net/wx11408115/article/details/78019576 前期准备 1. node 环境. (没有安装的同学戳这里 window 下安装node.js http://blog.csdn.net/wx11408115/article/details/76609889来来来,开始了...原创 2017-09-18 20:37:55 · 12954 阅读 · 4 评论 -
SASS学习系列之四--------- 快速入门
本文直接用scss语法规则写的scss文件,直接复制代码保存即可用/*** SASS 快速入门**/* 1. 使用变量, 1.1 声明变量以$符号标识 () 1.2 引用变量 1.3 变量名用中划线还是下划线分隔;个人喜好,建议用中划线。*/$base-color: #ccc; /*声明变量*/$side: left;.m原创 2017-09-21 13:58:59 · 337 阅读 · 0 评论 -
纯css画fieldset
纯css+ legend +fieldset 漂亮区域今天看到这样一个页面,心想看自己能不能用css把它画出来。 <!DOCTYPE html><html><head> <meta charset="utf-8"> <title>纯css画fieldset</title>原创 2017-09-29 08:49:04 · 1079 阅读 · 0 评论 -
CSS选择器的权重与优先规则
CSS 优先原则 权重转载 2016-10-12 20:32:27 · 431 阅读 · 0 评论 -
正六边形
昨天在一个技术群中看到一个这样的图片,觉得挺好看的,今天自己试试 实现六边形方法有4 1. 三个长方形旋转( 60°,120°) 2. 一个长方形+ 两个三角形(距离不好计算) 3. svg 4. canvas 本文只实现了前两种,方法一:html<div class="part1 sexangle"> <div class="one"></div> <div class原创 2017-07-03 20:35:58 · 1682 阅读 · 0 评论 -
在网页上使用苹方字体
苹方提供了六个字重,font-family 定义如下: 苹方-简 常规体 font-family: PingFangSC-Regular, sans-serif; 苹方-简 极细体 font-family: PingFangSC-Ultralight, sans-serif; 苹方-简 细体 font-family: PingFangSC-Light, sans-serif; 苹方-简转载 2017-06-07 17:49:41 · 8851 阅读 · 0 评论 -
IE8兼容性问题
IE8兼容性问题1. select输入框中下拉按钮不能顶到下边框html <div class="div-one"> <span>有上下padding</span> <select class='select-one'> <option>下拉菜单1</..原创 2017-03-20 10:45:20 · 5683 阅读 · 0 评论 -
hover时出现蒙版暂停播放效果
视频缩略图 hover效果原创 2016-10-12 20:00:09 · 1377 阅读 · 0 评论 -
block,inline和inline-block概念和区别
总体概念 block和inline这两个概念是简略的说法,完整确切的说应该是 block-level elements (块级元素) 和 inline elements (内联元素)。block元素通常被现实为独立的一块,会单独换一行;inline元素则前后不会产生换行,一系列inline元素都在一行内显示,直到该行排满。 大体来说HTML元素各有其自身的布局级别(block元素还是inline转载 2016-09-27 11:03:24 · 248 阅读 · 0 评论 -
CSS3渐变色利器
http://www.colorzilla.com/gradient-editor/CSS3渐变色利器原创 2017-11-07 17:28:07 · 366 阅读 · 0 评论