（1）width:為元素設定寬度
（2）height:為元素設定高度
ps:塊兒級標籤才能設定長寬行內標籤設定長寬沒有任何影響
p
/*（1）關鍵字：background（2）作用：對背景進行操作 使被裝飾的屬性固定不動關鍵字：background-attachment: fixed;字型樣式：
關鍵字：font-family
作用：更改字型的樣式
*//*
字型大小:
關鍵字：font-size
作用：更改使用者的字型大小*/p
/*文字顏色:
關鍵字：color
作用：更改樣式的顏色
*//*
文字裝飾
關鍵字：text-decoration
作用：對文字進行裝飾
*//*
文字對齊
關鍵字：text-aline
作用：調解文字位置
*//*
居中*/
text-align: center;
/*左對齊 預設
*/text-align: left;
/*右對齊
*/text-align: right;
/*兩端對齊
*/text-align:justify
/*字重:
關鍵字：font-weight
作用：對字型加重或者減輕
*//*
）文字縮排
關鍵字：text-indent
作用：文字進行縮排
*/
樣式不動
支援簡寫關鍵字：borderbackgroud:red url('') no-repeat center center
背景應用場景
所有瀏覽器你能夠看到的都是走網路請求傳輸過來的
上，然後通過背景的位置來控制顯示哪乙個小從而節省載入資源
作用：給被裝飾的物件加上邊框
（1）邊框屬性
1、border-width:邊框粗細
2、border-color：邊框顏色
3、border-style：邊框樣式
（2）邊框樣式
顏色、粗細、樣式
*/
/*單獨為某乙個邊框設定樣式
*/
/*（3）border-radius：
作用：（1）可以使邊框變的圓滑
（2）設定寬高為邊框的一半 可以設定成乙個圓
*/
/*display:"none"與visibility:hidden的區別：（1）visibility:hidden: 可以隱藏某個元素，但隱藏的元素仍需占用與未隱藏之前一樣的空間。也就是說，該元素雖然被隱藏了，但仍然會影響布局。（1）none：
①元素存在 但是在瀏覽器中不存在
②瀏覽器中的空間也不存在
*//*
（2）bolck：將行內標籤轉換成塊標籤 可以設定行內標籤的一些屬性值
*//*
（3）inline：將塊級元素 按行內元素顯示
*/.c1.c2.c3
（2）display:none: 可以隱藏某個元素，且隱藏的元素不會占用任何空間。也就是說，該元素不但被隱藏了，而且該元素原本占用的空間也會從頁面布局中消失。
（1）margin：控制標籤與標籤的距離
（2）border：內邊距與內容外的邊框
（3）padding：內部文字到邊框的距離
（4）content：內部文字的邊框
（1）marg外邊距
.margin-test（2）內填充：/*簡寫
*/margin: 5px 10px 15px 20px;
順序：邊框順時針（上右下左）
.padding-test補充padding的常用簡寫方式：
（1）提供乙個，用於四邊；
（2）提供兩個，第乙個是上下，第二個是左右
（3）如果是三個引數，第乙個上，第二個是左右，第三個是下
（4）四個引數，上右下左
基本概念
①、在css樣式中任何元素都可以浮動
②、浮動之後會生成乙個塊級框 不論其本身是何種元素
浮動的特點：
①、浮動的邊框可以向左或者向右移動 如果碰到另外乙個邊框會立馬停止浮動
②、浮動的文字不在普通的文件流中
取值方式
①、left：左浮動
②、right：右浮動
③、none：沒有浮動
（浮動會出現父標籤塌陷的問題，為了解決這個問題我們會用到clear）
clear
作用：清除浮動帶來的影響
.clearfix:after/***塌陷 就給誰加乙個clearfix類屬性即可
如果給當前標籤加沒有效果 那麼你可以考慮給目標標籤外層
再套乙個div 然後給這個新的div加
（1）屬性：
①、visible：預設屬性溢位的屬性不會被修剪
②、hidden：內容會被修剪 並且溢位內容不可見
③、scroll：溢位的內容會被修剪 但是瀏覽器會以滾輪的形式 檢視溢位的部分
④、auto：如果內容被修剪 瀏覽器會以滾動條檢視修剪的內容
（2）方式設定：
①、overflow：水平垂直方向均設定
②、overflow-x：水平方向設定
③、overflow-y：垂直方向設定
圓形頭像設定
* .header-img .header-img>img（1）relative（相對定位）：相當於自己當前的標籤（2）absolute（絕對定位）：相對於已經定位的父標籤
（3）fixe（固定定位）：相對於瀏覽器視窗 固定在某個位置
脫離文件流和不脫離文件流
（1）：脫離文件流
①、浮動元素脫離文件流
②、絕對定位脫離文件流
③、固定定位脫離文件流
（2）：不脫離文件流
相對定位不脫離文件流
關鍵字：z-index
作用：設定物件的層疊順序
z-index 值表示誰壓著誰，數值大的壓蓋住數值小的，
只有定位了的元素，才能有z-index,也就是說，不管相對定位，絕對定位，固定定位，都可以使用z-index，而浮動元素不能使用z-index
z-index值沒有單位，就是乙個正整數，預設的z-index值為0如果大家都沒有z-index值，或者z-index值一樣，那麼誰寫在html後面，誰在上面壓著別人，定位了元素，永遠壓住沒有定位的元素。
從父現象：父親慫了，兒子再牛逼也沒用
自定義模態框示例（1）用來定義透明效果。取值範圍是0~1，0是完全透明，1是完全不透明。模態框
（2）其不但能透明文字效果 也可以透明效果
前端學習之路11 CSS
css層疊和繼承 顏色長度 css樣式由一條或多條以分號隔開的樣式宣告組成。每條宣告包含著乙個css屬性和該屬性的值，二者以冒號分隔。以 css為副檔名 可以用 import語句將樣式從乙個樣式表匯入另乙個樣式表 import語句必須位於樣式表頂端，樣式表自已的樣式定義不能出現在它之前。import...
前端學習之路css 04 基礎知識
分組選擇器 在樣式中，我們可能有很多元素擁有同樣的樣式，我們可以使用分組選擇器將它們一次性定義出來。每個選擇器用逗號分隔。巢狀選擇器 它適用於選擇器內部的選擇器樣式。css中允許我們控制元素的寬高，屬性大致包括以下 此屬性就是控制元素是否顯示的。隱藏元素有兩種表示方式 visibility hidd...
前端學習（九） CSS基礎
css的樣式可以寫在哪呢？其實css的樣式插入式十分靈活的 按照插入的形勢來看，可以分為三種情況 而接下來就對這三種情況進行簡單的討論 css樣式表是可以直接把 放在現有的標籤裡面去的 這種方法就稱為內嵌式 文字顏色為紅色 把對應的style屬性，寫在p標籤的開始標籤中 css樣式 要寫在style...