css - 你能想到哪些好的 CSS 速记?

标签 css forms stylesheet short shorthand

<分区>


想改进这个问题吗? 更新问题,使其只关注一个问题 editing this post .

关闭 5 年前

我能想到的是

font: bold 20px Verdana, sans-serif/* 一行表示变体、尺寸和系列 */

color: #336/* 短颜色代码 */

height: 0/* 0时不需要指定单位 */

border: 0/* 效果与 border: none 相同,但更短 */

background: #ffc/* 如果只需要颜色就不需要使用 background-color */

填充:0;边界:0; margin: 0/* 只显示内容而不显示其他内容 */

border: 1px dashed #ff0/* 厚度、样式和颜色 */

margin: 0 0.5em/* 指定上、下、左、右边距 */

最佳答案

 1. background: #fff url(image.png) no-repeat 20px 100px fixed;
 2. ul { list-style: decimal-leading-zero inside; }

逗号分隔声明

  1. h1, h2, h3, h4, h5, h6 { font-family:Helvetica, Verdana, sans-serif;

第一个 child 选择器

 1. .footer em:first-child { color:#ccc; }

CSS3 特性

带半径的圆框

  1. .rounded_corner { -moz-border-radius:10px; -webkit-边框半径:10px;宽度:400px;高度:100px;背景色:#000; }

阴影效果

.shadow { 宽度:400px;高度:200px;背景色:#000; -webkit-box-shadow: 5px 5px 2px #ccc;

关于css - 你能想到哪些好的 CSS 速记?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/855998/

上一篇:html - 在 IE 中将元素放置在 <span> 的右上角

下一篇:javascript - 仅使用 HTML-CSS 制作在缩放调整后保持在原位的叠加 <div>

相关文章:

javascript - 在谷歌地图上显示 PNG 而不会产生死点?

html - 向 div 添加 10px 的填充或边距没有区别

python - 根据 django 中的条件提交带有帖子的表单

python - 指示输入类型的 Django 表单

html - 使用javascript从float :left to clear:both (WHY?切换后无法居中对齐已清除的div)

javascript - 将所有带有 vendor 前缀的变体分配给样式

具有不同颜色和类别的 CSS h2 标签?

javascript - 如何在 JQuery 中创建一个水平循环的自动收报机

PHP 表单发布并插入多行

Python/Django - 组织样式表和脚本