Web标准基础教程：CSS简写指南（2）
来源：前端观察 发布时间：2010-04-02 12:47:00
标签：CSS简写,缩写,web标准,教程,CSS优化
边框(border)
border是个比较灵活的属性，它有border-width、border-style、border-color三个子属性。
| border-width:数字+单位; border-style: none || hidden || dashed || dotted || double || groove || inset || outset || ridge || solid ; border-color: 颜色 ; |
它可以按照width、style和color的顺序简写：
| border:5px solid #369; |
有的时候，border可以写的更简单些，有些值可以省掉，但是请注意哪些是必须的，你也可以测试一下：
| border:groove red; //大家猜猜这个边框的宽度是多少？ border:solid; //这会是什么样子？ border:5px; //这样可以吗？ border:5px red; //这样可以吗？？ border:red; //这样可以吗？？？ |
通过上面的代码可以了解到，border默认的宽度是3px，默认的色彩是black——黑色。border的缩写中border- style是必须的。
同时，还可以对每条边采用缩写：
| border-top:4px solid #333; border-right:3px solid #666; border-bottom:3px solid #666; border-left:4px solid #333; |
还可以对每个属性采用缩写：
| border-width：1px 2px 3px; //最多可用四个值，缩写规则类似盒子大小的缩写，下同 border-style：solid dashed dotted groove; border-color:red blue white black; |
outline
outline类似border，不同的是border会影响盒模型，而outline不会。
| outline-width:数字+单位; outline-style: none || dashed || dotted || double || groove || inset || outset || ridge || solid ; outline-color: 颜色 ; |
可以缩写为：
| outline:1px solid red; |
同样，outline的简写中，outline-style也是必须的，另外两个值则可选，默认值和border相同。
0
投稿猜你喜欢
本文实例为大家分享了python3设计签名小程序的具体代码，供大家参考，具体内容如下首先，上一下要做的效果图：先是这样一个丑陋的界面（我尽力- 用的vue-cli(webpack-simple模板)，在开发环境运行（npm run dev），一直都没有问题，突然在ios的safari
- 基于web的技术中，分页是一个老的不能再老的，但大家津津乐道的问题，随着xml技术的日渐应用，把xml应用到分页当中，也是一种可能，当然网上
- 导入库和数据首先，我们需要导入PyTorch和PyG库，然后准备好我们的数据。例如，我们可以使用以下方式生成一个简单的随机数据集：from
- MySQL Binary Log也就是常说的bin-log, ,是mysql执行改动产生的二进制日志文件,其主要作用有两个: * 数据回复
- 1.获得盘名os.path.splitdrive(path)import ospath="C:\\Users\\wuyanzu\\
- <％ Function XMLEncode(byVal sText) sText = Replace(sText, "&am
- 在前面实现了平移和缩放，还有一种常用的坐标变换，那就是旋转。比如拍摄的照片上传到电脑里，再打开时发现人的头在下面脚在上，这样肯定看不了，那么
- Sql Server的存储过程是一个被命名的存储在服务器上的Transacation-Sql语句集合,是封装重复性工作的一种方法,它支持用户
- Django的信号Django的信号机制不同于Linux的信号机制，Django 中的信号用于在框架执行操作时解耦。当某些动作发生的时候，系
- 本文实例为大家分享了vue移动端实现手指滑动效果的具体代码，供大家参考，具体内容如下滑动时候黄色块宽度跟着变化通过touch点击实现目前感觉
- 在开发网站的过程中,404,500错误，是不可避免产生的。一旦产生了这种错误，很多可以通过web server 来处理。比如使用 apach
- 简单邮件传输协议(SMTP)是一种协议，用于处理在电子邮件服务器之间发送电子邮件和路由电子邮件。Python提供了smtplib模块，该模块
- 1. MySQL的安装与配置：在Ubuntu下安装MySQL方法很简单，使用如下命令：sudo apt-get install mysql-
- 识别MNIST已经成了深度学习的hello world，所以每次例程基本都会用到这个数据集，这个数据集在tensorflow内部用着很好的封
- Python字符串处理学习中，有一道简单但很经典的题目，按照单词对字符串进行反转，并对原始空格进行保留： 如：‘ I love China!
- my.ini文件[mysqld]max_allowed_packet = 10M
- 1.random.random():会随机生成0-1之间的小数例如：2.random.uniform(min,max):会随机生成 min
- 俄罗斯方块是俄罗斯人发明的一款休闲类的小游戏，这款小游戏可以说是很多人童年的主打电子游戏了，本文我们使用 Python 来实现这款小游戏。游
- 前言ansible是新出现的自动化运维工具，基于Python开发，集合了众多运维工具（puppet、cfengine、chef、func、f
