css的使用方式（）
1.行內樣式（內聯樣式）
<標簽 ></標簽>

2.頁面嵌入（內部樣式表）
在head標簽里面增加一個子標簽
<style>
選擇器{
屬性名1:屬性值1;
屬性名2:屬性值2;
......
}
</style>

3.外部文件（外部樣式表）
在head標簽里面增加一個子標簽
<link rel="stylesheet" href="css文件的路徑" />

4.外部導入樣式
主要用在樣式初始化。因為有一些標簽有自己的樣式，我們需要清空，方便自己計算

*{
margin: 0;
padding: 0;
}

css------選擇器
ID選擇器
使用id選擇器：在元素上面增加一個id屬性,id屬性的屬性值不用用數字開頭
一個頁面中只能有一個id屬性值
css中id選擇的表示方法用 # 表示
class選擇器
使用class選擇器：在元素上增加一個class屬性，class屬性的屬性值不能用數字開頭
一個頁面中可以有多個class屬性值
css中class選擇器的表示方法用 . 表示
標簽選擇器
直接寫標簽名
組合選擇器
選擇器直接用,分隔開即可
子代選擇器
> 只針對子代
后代選擇器
用空格表示，包含著子代選擇器
通用選擇器
* 針對于所有的標簽

選擇器是有權重的
內聯樣式 1000
id 100
class 10
元素 1
通用 0
boss !important 只要出現，就以這個為主

text-align: right;? ? ?/*文本對齊方式*/

text-decoration: underline;? ? /*文本下劃線*/

line-height: 166.67px;? ? ? /*文本的行高*//*一行文字所占的高度,讓他上下居中*/

font-family: "字體";設置字體的樣式

font-style:? ? ?;? ? ?/*規定字體是否傾斜*/

font-weight: bold;加粗

font-size:? 16px ;? ? ?/*設置字體的大小*/

在瀏覽器中,默認的字體大小16px
谷歌瀏覽器中，字體大小最小可以為12px
火狐沒有限制

:hover 叫偽類選擇器
當你的鼠標放上去的時候，會變化成的樣子權值 10

無序列表：

<ul type="">
<li>英語</li>
<li>語文</li>
<li>數學</li>
<li>政治</li>
<li>地理</li>
</ul>

background-color: rgba(255,0,0,0.1); /*最后一個參數a表示透明度，取值的范圍是0-1之間，可以為0和1*/
/*只表示背景顏色*/

background-color: #f00;
opacity: 0.1; /*取值的范圍是0-1之間，可以為0和1*/
/*表示整個元素*/

轉載于:https://www.cnblogs.com/awei313558147/p/10946530.html

總結

以上是生活随笔為你收集整理的论CSS样式的使用以及常用属性的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。