css 入門知識

近年來網站如雨後春筍般大批的出現在網絡上,對於網站來說web後端開發也變得越來越重要。下面就讓我們來了解一下css 入門。

一、認識CSS

CSS是英文單詞Cascading Style Sheets縮寫，翻譯為“樣式表”，我們又稱“CSS樣式表”。通俗講CSS是控制網頁中內容的顏色、字體、文字大小、寬度、邊框、背景、浮動等樣式來實現各式各樣、花樣百出的網頁樣式的統稱(CSS手冊了解更多控制樣式屬性)。如大學是什麼，大學裡有計算機、教師、物理、化學、英語等專業系、院組成了一所大學，這就是大學。

二、CSS原理

認識了CSS原理，相當於我們找到CSS下手學習入口，進入CSS世界。

轉入正題，CSS原理模型例子：我們知道使用對講機雙方要通話，必須要在一定距離內(對講機信號覆蓋區)，CSS一樣，CSS要生效必須引入要正確(推薦style 和 link，內嵌CSS代碼和引入CSS文件2種方式引入嵌入CSS);對講機雙方除了在信號范圍內才能通話，還有最重要的就是雙方頻道頻率(調頻頻率)要相同，CSS也是這樣，要想CSS生效就需要在CSS代碼的CSS選擇器命名和HTML中class值或id的值的引用的CSS選擇器命名相同。這樣CSS選擇器命名與html應用CSS類(class)值名相同後，這個CSS選擇器裡寫不同樣式屬性，html對應部分網頁內容樣式就跟著你在CSS選擇器裡設置不同CSS屬性樣式而變化。

HTML與CSS本身是一個整體缺一不可，CSS代碼表達的樣式要實現就需要html中使用class或ID的值與CSS選擇器的命名的名稱相同。

三、DIVCSS5例子-style html中內嵌CSS代碼法

CSS代碼(代碼是放入html的head開始與結束標簽內)：

對應在html調用

(此代碼是放入body區內)：

我是紅色

我是綠色

四、CSS原理與CSS實例說明

1、css屬性選擇器與html中DIV標簽內使用CLASS或ID引入CSS的命名的名稱要相同。(如上例，CSS中.yangshi{...}對應HTML

)

2、CSS代碼寫到什麼地方(上例：使用style在html中內嵌CSS代碼，當然可以使用LINK外部引入CSS文件)

3、CSS屬性選擇器命名自己可以取，而CSS樣式屬性是固定的，如寬度對應width

注意“yangshi”與"abc",對應到HTML裡一個用class一個用ID，我們就需要認識CLASS與ID區別與CLASS ID用法。

從CSS原理我們主要是學習CSS與HTML關系，

五、下來你將接觸到-必須學會與認識知識

CSS 高度：學會控制網頁內容與布局高度

CSS 寬度：學會使用CSS控制網頁與布局寬度

CSS 注解：學會在CSS中注解、注釋

class id：一定要搞清楚ID與CLASS

css id：一定搞清ID作用

css class：一定搞清楚CLASS用法作用及與ID區別

CSS 居中：內容居中、布局居中、垂直居中、上下左右居中

CSS 背景：CSS控制背景方法與CSS背景深入運用

CSS 字體：學會對文字、字體控制

CSS 工具：學會和認識常見CSS工具

CSS 手冊：一定要收藏的遇到CSS問題或單詞可以提供在線CS手冊速查

html 基礎：學CSS前必備功課

以上就是精品為您准備的關於css 入門的信息，希望對您的生活工作有幫助，祝您生活愉快。