css3
关注
分享
扫一扫
文章平均质量分 58
雾里看花叹朦胧
心有多大，天有多高。
展开
-
CSS3 Background
/*实现背景图片不滚动*/html { height: 100%; background-color: green; background-image: url(./img/bg.png); background-size: 100% 100%; //不缩放 background-attachment: ficed; //固定背景不滚动 //scroll: 滚动}c/*背景图片占满区域*/.header { display: block; width: 100%; he原创 2020-12-02 21:46:15 · 138 阅读 · 0 评论 -
CSS伪元素:after|::after实现提示效果
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>window.getComputedStyle</title> <style> div { width: 300...原创 2020-04-05 22:55:48 · 829 阅读 · 0 评论 -
CSS3 Media Queries
Media Queries直译过来就是“媒体查询”，在我们平时的Web页面中head部分常看到这样的一段代码：<link href="css/reset.css" rel="stylesheet" type="text/css" media="screen" /><link href="css/style.css" rel="stylesheet" type=&quo转载 2017-08-12 14:36:09 · 537 阅读 · 0 评论 -
为WebStorm设置SASS的File Watchers
下面就是在WebStorm设置SASS的File Watchers的步骤(限window系统)：1. 安装Rubyhttp://www.rubyinstaller.org/，去这里下载，然后安装（只管点击next即可）。安装过程中注意勾选上第二项！即将Ruby加入到可执行的环境变量中去，第一个选项可以不用选。 安装结束后在命令行中运行 ruby -v 能看到对应的版本则说明安装正确。2. 安装Sa原创 2017-09-24 15:06:40 · 1902 阅读 · 0 评论 -
CSS Reset--重置默认样式
CSS Reset，意为重置默认样式。HTML中绝大部分标签元素在网页显示中都有一个默认属性值，通常为了避免重复定义元素样式，需要进行重置默认样式（CSS Reset）。实现方式有很多，根据自己的项目需要，更多的是自己编写适合自己项目的CSS Reset，下面给一些其他大型项目的例子，作为参考。1、 - 以下是CSS Reset 2.0标准：/* http://meyerweb.com/er...原创 2018-10-07 18:15:55 · 2181 阅读 · 0 评论 -
normalize.css v8.0.0
/*! normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css *//* Document ========================================================================== *//** * 1. Correct the line h...原创 2018-10-07 18:17:59 · 472 阅读 · 0 评论 -
Normalize.css与CSS reset区别
Normalize.css 只是一个很小的CSS文件，但它在默认的HTML元素样式上提供了跨浏览器的高度一致性。相比于传统的CSS reset，Normalize.css是一种现代的、为HTML5准备的优质替代方案。Normalize.css现在已经被用于Twitter Bootstrap、HTML5 Boilerplate、GOV.UK、Rdio、CSS Tricks 以及许许多多其他框架、工具...转载 2018-10-07 18:26:23 · 524 阅读 · 0 评论 -
CSS :after伪类元素实现文字两端对齐
以前很多人都这么干过：两个字中间使用&amp;nbsp;来隔开达到四个字的宽度，三个字也可以，但是，如果文字中包含有数字、大小写英文字母时，比如 “122账号”“abc密码” 这样的，就不好计算该用几个空格了。现在 CSS3 中可以使用 text-align: justify 样式来实现这个效果。例如，如下登录界面，需要实现“用户名：” 和 &quot;密码：&quot;文本的两端对齐效果。&amp;lt;body&原创 2019-02-20 15:50:16 · 3012 阅读 · 0 评论