首頁 > web前端 > css教學 > css的語法內容

css的語法內容

不言
發布: 2018-04-24 16:38:38
原創
1499 人瀏覽過

這篇文章主要介紹了關於css的文法內容,有著一定的參考價值,現在分享給大家,有需要的朋友可以參考一下

1.css簡介
可以控制網頁的效果,包括字體大小,顏色,字體,行間距,字間距,背景圖片、定位、背景顏色
2.css書寫樣式方法
1)行內樣式

<b>默认效果</b><b style="color:#F00;">文字变为红色</b>
登入後複製

註:行內樣式直接將CSS樣式屬性書寫給標籤,標籤讀取直接變成對應效果
只對行內樣式有影響
2)內部樣式

<head><style type="test/css">b{color:#F00;}</style></head><body><b>变为红色了</b></body>
登入後複製

內部樣式書寫在HTML頁面中的head區域,body中對應物件會讀取變成對應效果,上方書寫下方控制
只對目前頁面p有影響
3)外部樣式

<head><link rel="styleheet" href="css/new_filecss"/></head>
登入後複製

外部樣式css為獨立文件,需要在HTML頁面中head中書寫一行連結程式碼即可在HTML中書寫對應元素呼叫外部樣式書寫的css樣式效果

3.CSS語法的書寫
css的書寫主要由css的屬性和css屬性值構成

<b style="color:#F00;">文字变为红色</b>
登入後複製

style為樣式,color為css屬性,#F00為屬性的值,注意:與;

b{width:600px;height:60px;
}
登入後複製

大括號包裹CSS屬性與CSS樣式


#

以上是css的語法內容的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
作者最新文章
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板