本篇內(nèi)容介紹了“CSS基礎(chǔ)知識(shí)點(diǎn)整理”的有關(guān)知識(shí)，在實(shí)際案例的操作過程中，不少人都會(huì)遇到這樣的困境，接下來就讓小編帶領(lǐng)大家學(xué)習(xí)一下如何處理這些情況吧！希望大家仔細(xì)閱讀，能夠?qū)W有所成！

創(chuàng)新互聯(lián)于2013年成立，先為海城等服務(wù)建站，海城等地企業(yè)，進(jìn)行企業(yè)商務(wù)咨詢服務(wù)。為海城企業(yè)網(wǎng)站制作PC+手機(jī)+微官網(wǎng)三網(wǎng)同步一站式服務(wù)解決您的所有建站問題。

1.CSS基礎(chǔ)

  CSS選擇器
  元素選擇器:p{}
  id選擇器:#p1{}
  類選擇器: .pre{}

2.CSS注釋

  注釋:/**/

3.CSS尺寸

  width:寬度 height:高度

4.CSS背景

  background-color-----背景顏色
  background-image:url(imagepath)—圖片做背景
  url(background.jpg)—本地測(cè)試
  background-repeat—背景水平垂直方向重復(fù)—參數(shù)可選
  background-size: contain—背景平鋪

5.文本

  color—文字顏色
  text-align—對(duì)齊
  text-decoration—文本修飾
  lineheight—行間距
  letter-spacing—單詞間距
  text-indent—首行縮進(jìn)
  text-transform—大小寫
  white-space—空白格

6.字體

  font-size—尺寸
  font-style—風(fēng)格
  font-weight—粗細(xì)
  font-family—字庫
  font—聲明在一起

7.鼠標(biāo)樣式

  cursor:crosshair—十字架
  cursor:pointer—手指

8.表格

  table-layout:automatic|fixed—表格布局
  border-collapse:separate|collapse—表格邊框

9.邊框

  border-style—邊框風(fēng)格
  border-color—邊框顏色
  border-width—邊框?qū)挾?
  border—都放在一起
  boder-top—只有一個(gè)方向有邊框
  boder-top,border-left—有交界的邊都有邊框
  div—塊級(jí)元素(自動(dòng)換行)
  span—內(nèi)聯(lián)元素(無換行)

10.內(nèi)邊距

  padding-left: 左內(nèi)邊距
  padding-right: 右內(nèi)邊距
  padding-top: 上內(nèi)邊距
  padding-bottom: 下內(nèi)邊距
  padding: 上 右 下 左

11.外邊距

  margin-left: 左外邊距
  margin-right: 右外邊距
  margin-top: 上外邊距
  margin-bottom: 下外邊距

12.邊框模型

13.超鏈狀態(tài)

  link - 初始狀態(tài)，從未被訪問過
  visited - 已訪問過
  hover - 鼠標(biāo)懸停于超鏈的上方
  active - 鼠標(biāo)左鍵點(diǎn)擊下去，但是尚未彈起的時(shí)候

14.隱藏

  display:none; —隱藏一個(gè)元素，這個(gè)元素將不再占有原空間 “坑” 讓出來了
  visibility:hidden;—;隱藏一個(gè)元素，這個(gè)元素繼續(xù)占有原空間，只是“看不見”

15.css文件

  href指向的路徑就是單獨(dú)的css文件路徑

16.CSS優(yōu)先級(jí)

  在屬性后面使用 !important 會(huì)覆蓋頁面內(nèi)任何位置定義的元素樣式。
  作為style屬性寫在元素內(nèi)的樣式
  id選擇器
  類選擇器
  標(biāo)簽選擇器
  通配符選擇器
  瀏覽器自定義或繼承

“CSS基礎(chǔ)知識(shí)點(diǎn)整理”的內(nèi)容就介紹到這里了，感謝大家的閱讀。如果想了解更多行業(yè)相關(guān)的知識(shí)可以關(guān)注創(chuàng)新互聯(lián)網(wǎng)站，小編將為大家輸出更多高質(zhì)量的實(shí)用文章！

分享題目：CSS基礎(chǔ)知識(shí)點(diǎn)整理
文章路徑：http://aaarwkj.com/article40/jegheo.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供移動(dòng)網(wǎng)站建設(shè)、ChatGPT、網(wǎng)站收錄、營銷型網(wǎng)站建設(shè)、靜態(tài)網(wǎng)站、標(biāo)簽優(yōu)化

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來源： 創(chuàng)新互聯(lián)