CSS简介、行内样式、内部样式、外部样式、注释、引入其他CSS文件
生活随笔
收集整理的這篇文章主要介紹了
CSS简介、行内样式、内部样式、外部样式、注释、引入其他CSS文件
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
CSS的發展歷程：
起初是沒有css的，只有少量樣式是可以寫在html標簽中，這樣代碼格外顯得臃腫，此時CSS就出現了。
初識CSS：
CSS(Cascading Style Sheets),被稱為CSS樣式表或者層疊樣式表，主要用于設置HTML頁面內容外觀及布局外觀。css有三大模塊：定位、浮動、盒子模型，下面有詳細介紹。
CSS書寫位置：
CSS書寫位置可以分三種情況：行內樣式(內聯式)、內部樣式表、外部樣式(外鏈式)
1.行內樣式（內聯式）：在標簽中添加style，并在style里面書寫屬性及屬性值代碼，如：
<標簽名 style="屬性1:屬性值;屬性2:屬性值">內容</標簽名><P style="color:pink;font-size:25px"></P>2.內部樣式（內嵌樣式表）：一般在head標簽中寫上style標簽，當然style標簽可以放在HTML的任何位置，CSS代碼寫在style標簽中，如：
<head><style type="text/CSS"> /*當有<!doctype:html>時type="text/CSS"可以省略*/選擇器{屬性1:屬性值;屬性2:屬性值} </style></head><head><style>p{color:red;font-size:25px;} </style></head>3.外部樣式(外鏈式)：將所有CSS代碼寫在以 .css后綴名結尾的文件中，并把這個文件通過link標簽載入到html文件中，link標簽一般放在head標簽中，優點：文件共享、便于維護，如：
<head><link rel="stylesheet" href="index.css" type="text/CSS"/> <!--html5中type="text/CSS"可以省略--></head>
注釋：
css中引入另一個css文件：
@import url('css文件路徑')提示：本文圖片等素材來源于網絡，若有侵權，請發郵件至郵箱：810665436@qq.com聯系筆者 刪除。
筆者：苦海
總結
以上是生活随笔為你收集整理的CSS简介、行内样式、内部样式、外部样式、注释、引入其他CSS文件的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： 【译】Android中的安全数据— An
- 下一篇： 大数据技术之 Kafka (第 1 章