去掉CSS赘余代码,CSS可以更简洁(2)
时间:2008-11-05 13:07:00
2.border的缩写
例1:
.div {
border-width:5px;
(thin,thick,medium,set vaule)(default=medium)
border-style:dotted;
(solid,dashed,dotted,double,etc)(default=none)
border-color:blue;
(named,hex,rgb or 0-255)(default=value of elements/elements parent color property)
}
精简后代码:
.div {
border:5px dotten blue;
}
例2:
.div {
border-right-width:2px;
border-right-style:solid;
border-right-color:#666666;
}
精简后代码:
.div {
border-right:2px solid #666;
}
例3:
.div {
border-top-width:3xp;
border-right-width:2px;
border-bottom-width:3px;
border-left-width:2px;
}
精简后的代码:
.div {
border-width:3px 2px;
}
标签:代码,精简,优化,css
0
投稿
猜你喜欢
利用box-sizing实现div仿框架
2009-12-08 15:45:00
Go Struct结构体的具体实现
2023-09-02 04:54:01
PHP实现的服务器一致性hash分布算法示例
2024-06-05 09:49:25
mysql 行转列和列转行实例详解
2024-01-24 15:18:26
Python可视化函数plt.scatter详解
2023-07-02 17:54:01
python编辑用户登入界面的实现代码
2022-02-07 20:24:08
MySQL之批量插入的4种方案总结
2024-01-19 16:13:11
基于js里调用函数时,函数名带括号和不带括号的区别
2023-08-24 05:05:41
Oracle密码文件的使用和维护第1/3页
2010-07-30 12:43:00
对Python 数组的切片操作详解
2022-06-09 23:29:39
pycharm安装图文教程
2022-01-14 08:43:42
python 基于dlib库的人脸检测的实现
2022-08-23 22:59:07
Python实现简单猜数字游戏
2021-03-22 14:31:50
JS组件Bootstrap实现图片轮播效果
2024-04-22 13:03:11
树莓派安装OpenCV3完整过程的实现
2023-11-06 06:26:08
pytorch_detach 切断网络反传方式
2022-09-25 21:10:50
如何Restore数据库备份文件?
2009-11-02 20:20:00
跟老齐学Python之画圈还不简单吗?
2022-06-07 04:57:11
详解用Python实现自动化监控远程服务器
2021-02-14 15:50:57
Python3+selenium配置常见报错解决方案
2022-12-21 14:44:53