Rumah hujung hadapan web html tutorial CSS样式缩写(感觉这个贴能火哈哈哈)_html/css_WEB-ITnose

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 注意是对角线

Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn

Tag artikel panas

Notepad++7.3.1

Notepad++7.3.1

Editor kod yang mudah digunakan dan percuma

SublimeText3 versi Cina

SublimeText3 versi Cina

Versi Cina, sangat mudah digunakan

Hantar Studio 13.0.1

Hantar Studio 13.0.1

Persekitaran pembangunan bersepadu PHP yang berkuasa

Dreamweaver CS6

Dreamweaver CS6

Alat pembangunan web visual

SublimeText3 versi Mac

SublimeText3 versi Mac

Perisian penyuntingan kod peringkat Tuhan (SublimeText3)

Kesukaran mengemas kini caching laman web akaun rasmi: Bagaimana untuk mengelakkan cache lama yang mempengaruhi pengalaman pengguna selepas kemas kini versi? Kesukaran mengemas kini caching laman web akaun rasmi: Bagaimana untuk mengelakkan cache lama yang mempengaruhi pengalaman pengguna selepas kemas kini versi? Mar 04, 2025 pm 12:32 PM

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? Bagaimana saya menggunakan atribut pengesahan borang html5 untuk mengesahkan input pengguna? Mar 17, 2025 pm 12:27 PM

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

Apakah tujuan & lt; iframe & gt; Tag? Apakah pertimbangan keselamatan semasa menggunakannya? Apakah tujuan & lt; iframe & gt; Tag? Apakah pertimbangan keselamatan semasa menggunakannya? Mar 20, 2025 pm 06:05 PM

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

Bagaimana cara menambah kesan strok kepada imej PNG di laman web? Bagaimana cara menambah kesan strok kepada imej PNG di laman web? Mar 04, 2025 pm 02:39 PM

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

Apakah tujuan & lt; meter & gt; unsur? Apakah tujuan & lt; meter & gt; unsur? Mar 21, 2025 pm 12:35 PM

Apakah tujuan & lt; meter & gt; unsur?

Apakah amalan terbaik untuk keserasian penyemak imbas dalam HTML5? Apakah amalan terbaik untuk keserasian penyemak imbas dalam HTML5? Mar 17, 2025 pm 12:20 PM

Apakah amalan terbaik untuk keserasian penyemak imbas dalam HTML5?

Apakah tujuan & lt; DATALIST & GT; unsur? Apakah tujuan & lt; DATALIST & GT; unsur? Mar 21, 2025 pm 12:33 PM

Apakah tujuan & lt; DATALIST & GT; unsur?

Apakah tujuan & lt; kemajuan & gt; unsur? Apakah tujuan & lt; kemajuan & gt; unsur? Mar 21, 2025 pm 12:34 PM

Apakah tujuan & lt; kemajuan & gt; unsur?

See all articles