01CSS簡介

1.CSS簡介

CSS的主要使用場景用來美化網頁，布局頁面的。
- HTML的局限性
- CSS-網頁的美容師

1.1 HTML的局限性

說到HTML，這其實是一個非常單純的東西，它只關注內容的語義。比如<h1>表明這是一個大標題，<p>表示這是一個段落，<img>表示這是一個圖片，<a>表示這是一個鏈接。
早期的時候，世界上的網站雖然有很多，但它們都有一個共同的特點：丑。雖然HTML可以做簡單的樣式，但是帶來的是無盡的臃腫和繁瑣…

1.2 CSS-網頁的美容師

CSS是層疊樣式表(Cascading Style Sheets)的簡稱，有時候也會稱為CSS樣式表或級聯樣式表。CSS也是一種標記語言。
CSS主要用于設置HTML頁面中的文本內容(字體、大小、對齊方式等)、圖片的外形(寬高、邊框樣式、邊距等)以及版面的布局和外觀顯示樣式。
CSS可以讓我們的網頁更加豐富多彩，布局更加靈活。簡單理解為：CSS可以美化HTML，讓HTML更漂亮，讓頁面布局更簡單。

2.總結

HTML主要做結構、顯示元素內容；
CSS美化HTML，布局網頁；
CSS最大的價值：由HTML專注去做結構呈現，樣式交給CSS，即結構(HTML)與樣式(CSS)相分離。

3.CSS語法規范

使用HTML時，需要遵守一定的規則，CSS也是這樣。要想熟練地使用CSS對網頁進行修飾，首先需要了解CSS樣式規則。CSS樣式規則由兩個主要的部分構成：選擇器和一條或者多條聲明組成。
選擇器是用于指定CSS樣式的HTML標簽，花括號中是對該對象設置的具體樣式；
屬性和屬性值以key-value的形式出現；
屬性是對指定的對象設置的樣式屬性，例如字體大小、文本顏色等；
屬性和屬性值之間用英語冒號:分開；
多個key-value之間用英文;進行區分；

4.CSS代碼風格

下面的代碼書寫并不是強制規范，而是符合實際開發的書寫方式。

4.1 樣式格式書寫

緊湊格式
```
h3 {color: deeppink;font-size: 20px;}
```

展開格式，推薦此種寫法，更直觀

h3 {
    color: deeppink;
    font-size: 20px

4.2 樣式大小寫風格

強烈推薦樣式選擇器，屬性名，屬性值關鍵字全部都使用小寫字母，特殊情況除外。
```
h3 {
    color: pink;
}

H3 {
    COLOR: PINK;
}
```

4.3 樣式空格風格

屬性值前面，冒號后面，保留一個空格
```
h3 {
    color: red;
}
```
選擇器(標簽)和大括號中保留一個空格
```
h3 {
    color: red;
}
```

本文鏈接：https://blog.csdn.net/cdlwhm1217096231/article/details/103410042

智能推薦

Django框架 - 01 簡介

Django的簡介: 1. 概述 2. Django中的MVC模式 : 概述 : 一種軟件設計典范, 用一種業務邏輯,數據, 界面顯示分離的方法組織代碼, 將業務邏輯聚集到一個部件里面。核心思想 : 解耦圖解 : 編程模式 : 優點 : 降低各功能模塊之間的耦合性, 方便變更, 更容易重構代碼, 最大程度上實現了代碼的重用. 瀏覽器中MVC的表現形式圖解: 3. Django中的MVT模式 :...

01. Maven簡介

Maven簡介 Maven是一個項目管理和綜合工具。Maven提供了開發人員構建一個完整的生命周期框架。開發團隊可以自動完成項目的基礎工具建設，Maven使用標準的目錄結構和默認構建生命周期。在多個開發團隊一起工作時，Maven可以按照標準設置在非常短的時間里完成配置工作。由于大部分項目的設置都很簡單，并且可以重復使用，Maven讓開發人員的工作更輕松，同事創建報表、檢查、構建和測試自動化設置。...

webpack01 簡介

什么是webpack WebPack可以看做是模塊打包機：它做的事情是，分析你的項目結構，找到JavaScript模塊以及其它的一些瀏覽器不能直接運行的拓展語言（Scss，TypeScript等），并將其打包為合適的格式以供瀏覽器使用與gulp/grunt的區別 Gulp/Grunt是一種能夠優化前端的開發流程的工具，而WebPack是一種模塊化的解決方案，不過Webpack的優點使得Webpa...

HTML中常用操作關于：頁面跳轉，空格

1.頁面跳轉 2.空格的代替符...

freemarker + ItextRender 根據模板生成PDF文件

1. 制作模板 2. 獲取模板，并將所獲取的數據加載生成html文件 2. 生成PDF文件其中由兩個地方需要注意，都是關于獲取文件路徑的問題，由于項目部署的時候是打包成jar包形式，所以在開發過程中時直接安照傳統的獲取方法沒有一點文件，但是當打包后部署，總是出錯。于是參考網上文章，先將文件讀出來到項目的臨時目錄下，然后再按正常方式加載該臨時文件；還有一個問題至今沒有解決，就是關于生成PDF文件...