明輝手游網中心：是一個免費提供流行視頻軟件教程、在線學習分享的學習平臺！

CSS重點知識總結

發(fā)表時間：2024-05-15 來源：明輝站整理相關軟件相關文章人氣：

[摘要]一 概述 1.什么是CSS？ Cascading Style Sheet，層疊樣式表，用于設定頁面內容的顯示樣式。為什么使用css，優(yōu)點是什么？ 1：【內容】和【表現】相分離 HTML文件中只存放文本信息，將樣式部分放在一個獨立樣式文件中。頁面對搜索引擎更加友好。 2：提高頁面瀏覽速度 ...

一 概述

1.什么是CSS？

Cascading Style Sheet，層疊樣式表，用于設定頁面內容的顯示樣式。


為什么使用css，優(yōu)點是什么？

1：【內容】和【表現】相分離 HTML文件中只存放文本信息，將樣式部分放在一個獨立樣式文件中。頁面對搜索引擎更加友好。

2：提高頁面瀏覽速度 采用CSS布局的頁面容量要比TABLE布局的頁面文件容量小得多，前者一般只有后者的1/2大小。

3：易于維護和改版 只要簡單的修改對應CSS文件，就可以重新設計整個網站的頁面。

4: 使用CSS布局更符合現在的W3C標準 W3C組織是對網絡標準制定的一個非贏利組織，像HTML、CSS、XML的標準就是由它來定制。


CSS樣式表的調用方式哪幾種？

1、內部樣式：把CSS樣式表放到<head>文檔中： 格式如下：<style type=“text/css”> …… </style>

2、內聯式：把CSS樣式表寫在HTML對應的標記內。 格式如下：<p style="font-size:14pt;color:blue">藍色14號文字</p>

3、外部樣式：把編輯好的CSS文檔保存成“.CSS”文件，然后在<head>中定義。 格式如下： <head> <link rel=stylesheet href="css的文件地址">.....</head>

4、導入樣式：與鏈入外部樣式的功能基本相同，只是語法和實現方式上有差別。

格式如下： <style> @import url(css.css);</style>


2.為一個元素添加多個樣式

一個元素可以同時定義多個類，不同類之間用空格隔開，如class=“xxx01 xxx02”。

3.為子元素添加樣式

為子元素設定樣式的方式：父元素+空格+子元素{}，通常時候id+class。

二 常用屬性

1.文本

  • text-align:center：文本居中。

2.內補丁

  • padding:內補丁，即內部寬度。格式：padding:5px(可以定義一個值，也可以定義4個值)，用于設置相鄰元素與其邊界之間的距離。

3.外補丁

  • margin：在對象與其他對象之間增減空白間距，增加的間距在對象外部，所以稱作外補丁，使用方法同內補丁padding。

4.布局

overflow：當對象的內容超出指定范圍時設定處理措施。

  • auto：只有在必需時才采用滾動條或者剪切。

  • hidden：不顯示超出范圍的內容。

  • visible：默認值，不剪切，不添加滾動條。

  • scroll：總是顯示滾動條。

display：改變對象的顯示方式。

  • inline-block：將對象作為內聯對象，對象的內容作為塊對象。通常加上width設定對象的寬度，用于對齊。

  • none：隱藏元素，該元素不占空間。

  • visibility:hidden：隱藏對象，隱藏的對象依然占據空間。

以上就是CSS重點知識總結的詳細內容，更多請關注php中文網其它相關文章！


網站建設是一個廣義的術語，涵蓋了許多不同的技能和學科中所使用的生產和維護的網站。

相關文章