在生活中經??吹骄W頁很漂亮,可能是整個網頁的顏色、文字、很好看;也可能是網頁上某個內容的擺放位置很好看,就能讓人一眼就看到主要內容,等等的
其實這個在 Web 前端中,就是前端三大技術的 CSS,那什么是 CSS 呢?CSS 又能做什么呢?
一、什么是 CSS?
CSS 指的是層疊樣式表* (Cascading Style Sheets),CSS 是 (Cascading Style Sheets) 的首字母縮寫。
CSS 描述了如何在屏幕、紙張或其他媒體上顯示 HTML 元素
網頁HTML中大量使用DIV、SPAN、TABLE表格等標簽布局,要實現漂亮的布局(CSS寬度、CSS高度、CSS背景、CSS字體大小等樣式)我們就需要CSS樣式實現。同樣的一組DIV標簽,對應CSS樣式代碼不同,所得到效果也不同。
CSS 節省了大量工作。它可以同時控制多張網頁的布局
外部樣式表存儲在 CSS 文件中
*:也稱級聯樣式表。
我們可以比作HTML是骨架,CSS是衣服。相同HTML骨架結構,不同CSS樣式,所得到的美化布局效果不同。
二、CSS 演示 - 一張 HTML 頁面 - 多個樣式!
所以對于剛學習DIV+CSS的我們不需要特別刻意知道CSS樣式是什么,DIV CSS樣式只是一種技術的代名詞而已,與DIV+CSS相關,與網頁相關的,在以后制作網頁用到css的時候自然會對CSS樣式更深層的認識。
三、為何使用 CSS?CSS 解決了一個大問題
CSS 解決了一個大問題
HTML 從未打算包含用于格式化網頁的標簽!
創建 HTML 的目的是描述網頁的內容,例如:
<h1>這是一個標題。</h1>
<p>這是一個段落。</p>
CSS 用于定義網頁的樣式,包括針對不同設備和屏幕尺寸的設計和布局。
CSS 實例
body {
background-color: lightblue;
}
h1 {
color: white;
text-align: center;
}
p {
font-family: verdana;
font-size: 20px;
}
為了解決這個問題,萬維網聯盟(W3C)創建了 CSS。
CSS 從 HTML 頁面中刪除了樣式格式!
CSS 節省了大量工作!
樣式定義通常保存在外部 .css 文件中。
通過使用外部樣式表文件,您只需更改一個文件即可更改整個網站的外觀!
零基礎學習難嗎
CSS 是什么?CSS 學習很簡單的,可以所寫即所得,就是你寫一點內容都可以在看見效果的,如果你不信,也可以參加我們的免費試聽課程,去看看就可以了。
易牛云朗沃提供了
CSS是什么 的五天免費試學課程,去看下就知道了。