前端學習筆記4 CSS入門二

2021-10-02 06:18:12 字數 1104 閱讀 1011

前言:雖然做了幾個前端專案,但是屬於專案組的趕鴨上架。我的前端基礎還是非常薄弱,在網上找了一些**,用於空閒時間學習。在此做下學習筆記,以做複習使用。

**的課程講的很好,很適合像我這樣零基礎的人學習,非常感謝**的維護者,推薦下:綠葉學習網

1.控制字型的有,font-family(字型型別)、font-size(字型大小)、color(字型顏色)、font-weight(字型粗細)、font-style(字型斜體):

我是宋體

我是雅黑

24px就這麼大

我是紅色

400粗

斜了,斜了

展示效果:

2.css段落屬性包含:

---text-indent,縮排文字首行

---text-decoration,下劃線、刪除線、頂劃線

---text-transform,轉換文字的大小寫

---line-height,控制行高

---text-align,控制文字水平方向的對齊方式

css段落屬性包含:

text-indent,縮排文字首行;

text-decoration,控制字型

下劃線、

刪除線、

頂劃線;

text-transform,轉換英文的大(uppercase)小(lowercase)寫;

line-height,控制行高以及控制文字水平方向的text-align。

小黑靠左

小炮居中

一姐靠右

效果展示:

3.border,控制邊框。一般使用簡潔寫法:

效果展示:

前端基礎(4) css盒模型

盒模型是css布局的基石,它規定了網頁元素如何顯示以及元素間相互關係。css定義所有的元素都可以擁有像盒子一樣的外形和平面空間,即都包含邊框 邊界 補白 內容區,這就是盒模型。說明 填充 padding,在設定頁面中乙個元素內容到元素的邊緣 邊框 之間的距離。也稱補白。用法 1 用來調整內容在容器中...

前端基礎(4) CSS 基礎語法(1)

日期 2017 10 26 通過使用 css 我們可以大大提公升網頁開發的工作效率!html 標籤原本被設計為用於定義文件內容,如下例項 這是乙個段落。樣式表定義如何顯示 html 元素,就像 html 3.2 的字型標籤和顏色屬性所起的作用那樣。樣式通常儲存在外部的 css 檔案中。通過僅僅編輯乙...

web前端學習 基礎知識4 CSS基礎概念

cascading style sheet層疊樣式表標籤 之類的標籤 使用方式 直接輸入標籤名 類 class class名字 使用方式 輸入點 class名 id id名 使用方式 輸入 id名一般來說我們寫css檔案的時候用的都是第二種方法,class名這是因為id名一般被用作js的選擇器 給c...