css样式简写

Taste 发布于2019-08-30 15:55 / 2083人阅读

摘要：样式简写简写简写公式在的的简写公式中只有五个属性，在中加入了和，其中的表示在支持写法的浏览器中可以接着继续写属性简写简写公式的作用类似于简写简写公式

css样式简写 background简写 简写公式:

background: [background-color] [background-image] background-repeat [background-position] / background-size [background-clip];

在css2.1的background的简写公式中只有color、image、repeat、attachment、position五个属性，在css3中加入了size、origin和clip，其中的"/"表示在支持"/"写法的浏览器中可以接着继续写background-size属性

example

.example {
    background: red url("../back.png") no-repeat scroll center center / 50% content-box content-box;
}

font简写 简写公式

font:[font-style] [font-weight] [font-size] / [line-height] [font-family]

"/"的作用类似于background

example

.myFont {
    font: normal bold 20px / 24px "Microsoft YaHei";
}

border简写 简写公式

border:[border-width] [border-style] [border-color]

example

.box {
    border: 1px solid #000000;
}

云服务器 GPU云服务器 css样式页面css样式 css的样式 css样式代码

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/117197.html

前端学习之路之CSS （四）

摘要：块元素的例子内联元素只需要必要的宽度，不强制换行。内联元素的例子如何改变一个元素显示可以更改内联元素和块元素把列表项显示为内联元素把元素作为块元素定位五大属性定位元素的默认值，即没有定位，元素出现在正常的流中静态定位的元素不会受到影响。 Infi-chu: http://www.cnblogs.com/Infi-chu/ CSS盒子模型概念：CSS盒模型本质上是一个盒子，封装周围...

hosition 2019-04-23 13:19 评论0 收藏0
css 命名分类排序方法

摘要：功能类和皮肤类样式为表现化的样式，请不要滥用以上顺序可以按需求适当调整。 CSS内部的分类及其顺序1、重置（reset）和默认（base）（tags）：消除默认样式和浏览器差异，并设置部分标签的初始样式，以减少后面的重复劳动！你可以根据你的网站需求设置！统一处理：建议在这个位置统一调用背景图（这里指多个布局或模块或元件共用的图）和清除浮动（这里指通用性较高的布局、模块、元件内的清除）等...

saucxs 2019-08-29 12:32 评论0 收藏0
编码规范 —— 编写灵活、稳定、高质量的 HTML 和 CSS 代码的规范

摘要：用两个空格代替制表符这是唯一能保证在所有环境下获得一致展现的方法。编辑器配置将你的编辑器按照下面的配置进行设置，以免常见的代码不一致和差异用两个空格代替制表符保存文件时删除尾部的空白符设置文件编码为在文件结尾添加一个空白行。黄金定律永远遵循同一套编码规范 - 可以是这里列出的，也可以是你自己总结的。如果发现规范中有任何错误，敬请指正。 HTML 语法用两个空格代替制表符 (ta...

Karuru 2019-08-01 14:41 评论0 收藏0
css书写规范

摘要：样式属性顺序单个样式规则下的属性在书写时，应按功能进行分组，组之间需要有一个空行。同时要以的顺序书写，提高代码的可读性。在书写css样式的时候总是无意中就写乱了，无论是命名或者是样式的书写顺序，这里做一个总结，提醒自己在书写css的时候时刻注意，大家可以参考哈。 1. 样式属性顺序单个样式规则下的属性在书写时，应按功能进行分组，组之间需要有一个空行。同时要以Positioning ...

young.li 2019-08-29 15:19 评论0 收藏0
编写灵活、稳定、高质量的CSS代码的规范

摘要：过度使用简写形式的属性声明会导致代码混乱，并且会对属性值带来不必要的覆盖从而引起意外的副作用。只有在必要的时候才将限制在最近的父元素内也就是后代选择器例如，不使用带前缀的时前缀类似于命名空间。制定一致的注释规范。一、语法 1.1 注意（1）用两个空格来代替制表符（tab） -- 这是唯一能保证在所有环境下获得一致展现的方法。（2）为选择器分组时，将单独的选择器单独放在一行。（3...

psychola 2019-08-30 14:16 评论0 收藏0