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
js两种移除事件的方法
js两种移除事件的方法
|
11天前
|
C++ Windows
HTML+JavaScript构建C++类代码一键转换MASM32代码平台
HTML+JavaScript构建C++类代码一键转换MASM32代码平台
|
11天前
|
C++
HTML+JavaScript构建一个将C/C++定义的ANSI字符串转换为MASM32定义的DWUniCode字符串的工具
HTML+JavaScript构建一个将C/C++定义的ANSI字符串转换为MASM32定义的DWUniCode字符串的工具
|
11天前
用html+javascript打造公文一键排版系统14:为半角和全角字符相互转换功能增加英文字母、阿拉伯数字、标点符号、空格选项
用html+javascript打造公文一键排版系统14:为半角和全角字符相互转换功能增加英文字母、阿拉伯数字、标点符号、空格选项
|
11天前
|
存储 文字识别 前端开发
用html+javascript打造公文一键排版系统13:增加半角字符和全角字符的相互转换功能
用html+javascript打造公文一键排版系统13:增加半角字符和全角字符的相互转换功能
|
JavaScript 前端开发 区块链
|
2月前
|
前端开发
2s 利用 HTML+css动画实现企业官网效果
2s 利用 HTML+css动画实现企业官网效果
HTML+CSS 实现通用的企业官网页面(记得收藏)
HTML+CSS 实现通用的企业官网页面(记得收藏)
|
8天前
|
前端开发 JavaScript 搜索推荐
打造个人博客网站:从零开始的HTML和CSS之旅
【9月更文挑战第32天】在这个数字化的时代,拥有一个个人博客不仅是展示自我的平台,也是技术交流的桥梁。本文将引导初学者理解并实现一个简单的个人博客网站的搭建,涵盖HTML的基础结构、CSS样式的美化技巧以及如何将两者结合来制作一个完整的网页。通过这篇文章,你将学会如何从零开始构建自己的网络空间,并在互联网世界留下你的足迹。
|
8天前
|
前端开发 JavaScript 搜索推荐
打造个人博客网站:从零开始的HTML与CSS之旅
【9月更文挑战第31天】在这个数字时代,拥有一个个人博客网站是展示自我、分享知识和连接世界的重要方式。本文将引导你通过简单的HTML和CSS知识,一步步构建起你的在线空间。无论你是编程新手还是希望通过实践加深理解,这篇文章都将是你的理想指南。我们将探索基本概念,实现页面布局,并点缀以个性化样式,最终将静态页面转变为动态交互式网站。准备好了吗?让我们开始吧!