前端,CSS3
不一于汝(工作不易,多多学习)
当你学的越多,发现自己很多都不知道时,说明在进步了
准备学习react了,行业太难了
展开
-
属于CSS3的新特性(二)
CSS3变形与动画(一)旋转 rotate()旋转rotate()函数通过指定的角度参数使元素相对原点进行旋转。它主要在二维空间内进行操作,设置一个角度值,用来指定旋转的幅度。如果这个值为正值,元素相对原点中心顺时针旋转;如果这个值为负值,元素相对原点中心逆时针旋转。如下图所示:HTML代码: CSS代码:.wrapper { wi原创 2017-11-04 20:56:17 · 428 阅读 · 0 评论 -
属于CSS3的新特性(三)
布局样式相关CSS3 多列布局——Columns为了能在Web页面中方便实现类似报纸、杂志那种多列排版的布局,W3C特意给CSS3增加了一个多列布局模块(CSS Multi Column Layout Module)。它主要应用在文本的多列布局方面,这种布局在报纸和杂志上都使用了几十年了,但要在Web页面上实现这样的效果还是有相当大的难度,庆幸的是,CSS3的多列布局可以轻松实现。接下原创 2017-11-05 09:55:51 · 1336 阅读 · 0 评论 -
属于CSS3的新特性(一)
前缀浏览器-webkitchrome和safari-mozfirefox-msIE-ooperaCSS3有哪些强大的效果昵?选择器以前我们通原创 2017-10-29 21:37:27 · 1456 阅读 · 0 评论 -
使用LESS快速开发CSS
一、say hello & intro1 less介绍LESS CSS是一种动态样式语言,属于CSS预处理语言的一种,它使用类似CSS的语法,为CSS的赋予了动态语言的特性,如变量、继承、运算、函数等,更方便CSS的编写和维护。二、less语法详解1 less中的注释 /**/ 这种注释是会编译到.css文件中的 // 这种注释是不会被编译到.css文件中的(建...原创 2018-08-17 10:35:53 · 866 阅读 · 0 评论 -
快速上手CSS预处理语言Less
首先使用less来编写css样式,需要编译处理,有很多IDE都要自带的less插件或者是可以安装插件,这里我推荐一个轻量级的编译器Koala - LESS/Sass/Compass/CoffeeScript编译工具,使用就是 下面开始介绍Less的使用 变量 使用@定义需要重复的变量,然后在写css样式的时候就可以直接使用@width: 10px;@heigh...原创 2018-12-17 16:17:44 · 353 阅读 · 0 评论 -
快速上手CSS预处理语言Less--模板(常用的CSS3效果函数及常用颜色搭配)
大佬的文档:Less定义常用的CSS3效果函数及常用颜色搭配直接上代码:定义圆角及调用 /*定义圆角@radius 圆角大小*/.round(@radius:5px){ border-radius:@radius; -webkit-border-radius: @radius; -moz-border-radius: @radius;}.round...转载 2019-07-08 17:59:04 · 569 阅读 · 0 评论 -
快速入门Flex布局
参考文档:Flex 布局教程:语法篇(阮一峰) Flex 布局教程:实例篇(阮一峰) 在线flex布局样式演示Flex布局是什么?Flex是Flexible Box的缩写,意为"弹性盒子",用来为盒状模型提供最大的灵活性注意:设为Flex布局以后,子元素的float、clear和vertacal-align属性将失效基本概念采用Flex布局的元素,称为Flex...原创 2019-03-08 17:06:18 · 605 阅读 · 1 评论