web前端技能方法总结(css、js、jquery、html)(20)

简介: web前端技能方法总结(css、js、jquery、html)

许多CSS属性要一起使用,其实有不少可以缩写,可以减少写CSS的时间。以下举例:

1、padding-left,padding-right,padding-bottom和padding-top可以不必分别设值,而可以合并成一句:padding:0px 20px 30px 10px; 分别对应了上、右、下、左的补白。注意顺序!

2、跟补白一样,也可以用缩写指定所有的边界值。eg: margin:0px,20px,30px,10px; 上、右、下、左(注意顺序)

3、如果各侧面的补白和边界值都相等,缩写就会更简单:padding:20px; 表明盒子四周的补白都是20像素;

 如果上下边界相同、左右边界相同,可以这么缩写:  margin:0px 20px; 第一个值表示上和下,第二个值表示右和左。

4、边框属性也可缩写,把边框属性都写成一个属性,顺序不限。 border:thin solid #007e7e;

5、背景也可缩写,且顺序不限。 background:white url(images/cocktail.gif) repeat-x; 还有另外一些值也可以在缩写形式中指定,比如background-position.

相关文章
|
1天前
|
缓存 前端开发 JavaScript
React和Next.js开发常见的HTTP请求方法
React和Next.js开发常见的HTTP请求方法
5 0
|
1天前
|
前端开发
前端 CSS 经典:省略号
前端 CSS 经典:省略号
7 0
|
1天前
|
前端开发
前端 CSS 经典:clip、clip-path
前端 CSS 经典:clip、clip-path
3 0
|
1天前
|
前端开发
前端 CSS 经典:box-shadow
前端 CSS 经典:box-shadow
8 1
|
1天前
|
前端开发 JavaScript
前端 JS 经典:Math 常用方法汇总
前端 JS 经典:Math 常用方法汇总
5 0
|
1天前
|
前端开发
前端 css 经典:选择器速记
前端 css 经典:选择器速记
6 0
|
1天前
|
前端开发 JavaScript
前端 js 经典:Object 常用原生方法
前端 js 经典:Object 常用原生方法
8 2
|
1天前
|
前端开发 容器
前端 css 经典:grid 栅格布局
前端 css 经典:grid 栅格布局
9 1
|
1天前
|
前端开发 JavaScript
前端 css 经典:transition 过渡和 animation 动画
前端 css 经典:transition 过渡和 animation 动画
8 2
|
1天前
|
前端开发 JavaScript
前端 js 经典:array 原生方法
前端 js 经典:array 原生方法
6 1