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.

相关文章
|
24天前
html中div内容居中的方法使用弹性盒子居中
html中div内容居中的方法使用弹性盒子居中
8 0
|
1月前
jQuery+CSS3自动轮播焦点图特效源码
jQuery+CSS3自动轮播焦点图特效源码
17 1
jQuery+CSS3自动轮播焦点图特效源码
|
8天前
|
JavaScript 前端开发
js怎么删除html元素
js怎么删除html元素
23 10
|
9天前
|
JavaScript 前端开发 iOS开发
js实用方法记录-动态加载css/js
js实用方法记录-动态加载css/js
16 0
|
17天前
|
JSON JavaScript 前端开发
js是什么、html、css
js是什么、html、css
|
1月前
|
JavaScript 计算机视觉
纯js实现人脸识别眨眨眼张张嘴案例——index.html
纯js实现人脸识别眨眨眼张张嘴案例——index.html
17 0
|
1月前
|
安全 测试技术 API
请描述在 Python WEB 开发中常用的测试方法。
请描述在 Python WEB 开发中常用的测试方法。
18 0
JS+CSS随机点名详细介绍复制可用(可自己添加人名)
JS+CSS随机点名详细介绍复制可用(可自己添加人名)
|
1月前
|
前端开发 JavaScript
从0到1:用HTML、CSS和JavaScript构建一个简单的待办事项列表
从0到1:用HTML、CSS和JavaScript构建一个简单的待办事项列表
26 0
|
1月前
|
缓存 自然语言处理 前端开发
JS/CSS体积减少了67%,我们是如何做到的?
JS/CSS体积减少了67%,我们是如何做到的?
18 1