CSS样式缩写(感觉这个贴能火哈哈哈)_html/css_WEB-ITnose
Jun 24, 2016 am 11:37 AM
1.盒子:A。margin:top right bottom left 如果上下相同 左右相同 margin: top right 如果只有上下相同或者只有
左右相同,不能缩写。例如:margin:10px (上下左右都是10px的margin)
2.边框:border:width style color 例如 border:2px solid red;
3.背景:CSS1里面有5个属性 CSS3里面又新增了3个所以说现在有8个属性 :background: [background-color] [background-
image] [background-repeat][background-attachment](固定方式) [background-position](截取图片位置) / [
background-size](背景图片尺寸)[background-origin](背景图片定位区域) [background-clip](背景的绘制区域);例如:
background:red url(../images/bg.jpg) no-repeat fixed 10px 10px/40% content-box content-box;
4.字体:font:font-style(字体风格) font-variant(以小型大写字体或者正常字体显示文本) font-weight(字体粗细) font-
size(字体大小)/line-height(行高 这个不确定) font-family(字体系列,如 黑体); 例如 font:italic small-caps
bold 1em/140% "黑体";注意的是如果你缩写字体定义,至少要定义font-size和font-family两个值。
5.列表:list:list-style-type list-style-position list-style-image;例如 list:square inside url(../images/1.jpg);
6.颜色:有2位相同即可缩写例如:#00ffff---#0ff #000000---#000;#0000ff---#00f;
7.属性值为0:如果有某个属性的属性值为0 单位省略 例如:margin:0;
8.最后一个分号,例如 div{width:100px;height:100px}
9.圆角半径:border-radius:topleft topright bottomright bottomleft;例如:border-radius:10px 10px 10px 10px;如果都相同 只写一个 border-radius:10px ;如果只有toplef 和bottomright相同 topright和bottomleft相同 则border-radius:10px 10px 注意是对角线

Artikel Panas

Alat panas Tag

Artikel Panas

Tag artikel panas

Notepad++7.3.1
Editor kod yang mudah digunakan dan percuma

SublimeText3 versi Cina
Versi Cina, sangat mudah digunakan

Hantar Studio 13.0.1
Persekitaran pembangunan bersepadu PHP yang berkuasa

Dreamweaver CS6
Alat pembangunan web visual

SublimeText3 versi Mac
Perisian penyuntingan kod peringkat Tuhan (SublimeText3)

Topik panas

Kesukaran mengemas kini caching laman web akaun rasmi: Bagaimana untuk mengelakkan cache lama yang mempengaruhi pengalaman pengguna selepas kemas kini versi?

Bagaimana saya menggunakan atribut pengesahan borang html5 untuk mengesahkan input pengguna?

Apakah tujuan & lt; iframe & gt; Tag? Apakah pertimbangan keselamatan semasa menggunakannya?

Bagaimana cara menambah kesan strok kepada imej PNG di laman web?

Apakah tujuan & lt; meter & gt; unsur?

Apakah amalan terbaik untuk keserasian penyemak imbas dalam HTML5?

Apakah tujuan & lt; DATALIST & GT; unsur?

Apakah tujuan & lt; kemajuan & gt; unsur?
