由于近期的项目中出现了不规则的边框和图形， 所以重新温习一下CSS3的图形绘制。。。样式绘制的图形比图片的性能要好，体验更佳，关键一点是更加有趣！ 以下几个例子主要是运用了css3中border、bordr-radius、transform、伪元素等属性来完成的，我们先了解下它们的基本...

2018-08-21 05:37:24

本文也同步发表在我的公众号“ 我的天空 ” 从零开始，用最少的配置、最少的代码、最少的依赖来搭建一个最简单的webpack+react环境。 最近在玩webpack+react+移动端，那么第一步自然是搭建相关的环境，本来网上的教程很不错，只是前端相关的东西发展太过迅猛，只相隔了...

2018-08-21 05:37:20

!doctype htmlhtmlheadmeta name="viewport" content="width=device-width, initial-scale=1.0"meta charset="utf-8"titleMedia Queries: How to target desktop, tablet and mobile?/titlemeta name="keywords" content="geovindu"meta name="description" content="...

2018-08-17 09:33:44

一。 a target="_blank" href="http://wpa.qq.com/msgrd?v=3uin=QQ号site=qqmenu=yes"img border="0" src="http://wpa.qq.com/pa?p=2:1239212738:41" alt="点击这里给我发消息" title="点击这里给我发消息"//a 二、 https://jingyan.baidu.com/article/e4d08ffd7c913e0...

2018-08-17 09:33:43

犹豫了好久，在考虑说要自己搭建一个博客平台，还是在博客园里面注册个账号来跟大家做一些前端技术的分享，后来因为种种原因，也希望在博客园这个大家庭中能够跟大家互相探讨，于是便有了灿爷的前端之路 好了，废话不多说，撸起袖子开干 今天的主题是奔跑的小羊，主要...

2018-08-17 09:33:39

一、背景 CSS有三大特性：层叠性、继承性 、优先级 。 而我们在给CSS定义样式的时候，经常出现两个及以上的规则应用在同一元素上，单该元素最终在浏览器呈现的效果是应用的哪个规则呢？这就要考虑 优先级 的问题了。 CSS优先级是由CSS权重来作为衡量标准的，权重的计算...

2018-08-17 09:33:37

1.实现div文字溢出自动省略号截取 overflow:hidden;/*超过部分不显示*/ text-overflow:ellipsis;/*超过部分用点点表示*/ white-space:nowrap;/*不换行*/ 2.规定行数的截取效果 text-overflow: ellipsis; /*有些示例里需要定义该属性，实际可省略*/ display: -webkit- b...

2018-08-17 09:33:36

1 ! DOCTYPE html 2 html lang ="en" 3 head 4 meta charset ="UTF-8" 5 title Title / title 6 style 7 * { 8 margin : 0 ; /* 重置 */ 9 padding : 0 ; 10 } 11 body { 12 background-color : whitesmoke ; /* 页面背景色 */ 13 } 14 .top { 15 width : 100% ; 16 he...

2018-08-17 09:33:27

块级元素：独占一行，其宽度自动填满父元素的宽度，可以容纳行内元素和其他块级元素，可以设置margin和padding值。 行内元素：不会独占一行，与其他行内元素排成一行，直到其父元素拍不下，才会从新一行开始。可以容纳文本及其他行内元素，设置padding和margin值无效，...

2018-08-17 09:33:25

1 前端开发命名规范 1.1 为什么要制定CSS命名规范 统一的命名规范，便于多人开发维护时代码统一，减少项目沟通和交接的成本，增加代码的语义化。 1.2 CSS命名规则 样式类名全部用小写，首字符必须是字母，禁止数字或其他特殊字符。由以字母开头的小写字母 （a-z） 、数...

2018-08-17 09:33:01