Web前端開發學習筆記 Day03

2021-10-07 08:35:40 字數 4078 閱讀 9066

lang

="en"

>

>

>

this is titletitle

>

head

>

>

style

="font-size

: 16px;

color

: red;

">

>

body

>

html

>

行內樣式寫在標籤的 style 屬性值中。

lang

="en"

>

>

>

this is titletitle

>

>

pstyle

>

head

>

>

>

hello everyonep

>

body

>

html

>

內部樣式需要寫在標籤中

lang

="en"

>

>

>

this is titletitle

>

rel=

"stylesheet"

type

="text/css"

href

="./css/index.css"

>

head

>

>

>

我是優秀的前端開發工程師p

>

body

>

html

>

用於設定字型字型大小,可以使用相對長度單位和絕對長度單位。

一些小知識:

格式

p

2.1.1 單位用於設定字型。

格式:

p

可以設定多個字型,中間用逗號隔開,如果瀏覽器不支援第乙個會自動嘗試下乙個,直到找到可用字型。

p

一些小知識:

字型加粗除了用 b 和 strong 標籤之外,可以使用css 來實現。

屬性值:

描述normal

預設值。定義標準的字元。

bold

定義粗體字元。

bolder

定義更粗的字元。

lighter

定義更細的字元。

100~900

定義由粗到細的字元。400 等同於 normal,而 700 等同於 bold。

格式:

p

一些小知識:

用於設定字型風格,字型傾斜除了用 i 和 em 標籤之外,可以使用css 來實現。

屬性值:

描述normal

預設值。標準的字型樣式。

italic

斜體。onlique

強制傾斜。

格式:

p

一些小知識:

字型樣式可進行簡寫形式,一行**同時設定字型大小、字型、粗細、風格。

格式:

p

注意點:

格式:

/* ... */

p

4.1.1 標籤選擇器

格式:

p

直接用標籤作為選擇器,給頁面中的所有p標籤設定統一樣式。

4.1.2 class選擇器

格式:

.box

選擇頁面中 class 屬性值中包含 box 類名的所有元素,給它們設定樣式。

4.1.3 id選擇器

格式:

#box

選擇頁面中 id 屬性值中為 box 的元素,給它設定樣式。

class選擇器和id選擇器的區別

4.1.4 萬用字元選擇器

格式:

*

代表頁面中所有標籤。

注意:

偽類選擇器用於向某些選擇器新增特殊的效果。

4.2.1 鏈結偽類選擇器

注意:

格式:

a

a:hover

用來設定文字的顏色。屬性值可以是預定義的顏色名,可以是十六進製制值的顏色值,也可以是rgb顏色值。

格式:

p

一些小知識:

用來設定行高,也就是文字行基線間的垂直距離。

屬性值:

屬性名line-height

屬性值normal |數字 | 長度值 | 百分比

預設值normal

格式:

p

一些小知識:

用來設定文字的對齊方式。

屬性值:

格式:

p

用於設定首行文字的縮排,單位可以是數值、em、相對於瀏覽器視窗寬度的百分比,允許使用負值。

格式:

p

用來對文字進行修飾,比如下劃線等。

屬性值:

格式:

p

用來修飾英文的大小寫。

屬性值:

格式:

p

用來控制字元的間距。更適合漢字間距。

屬性值:

格式:

p

用來控制單詞間距。更適合英文單詞間距。

屬性值:

格式:

p

用來給文字新增陰影部分。

屬性值:

格式:

p

前端學習筆記 day0

utf 8 萬國碼 開發時我們使用的字符集都是utf 8 gb2312 國標 通過meta標籤設定網頁字符集,避免亂碼問題。此處為設定字符集,避免亂碼 用來設定網頁的元資料,底層資料,網頁的屬性。元資料不是給使用者看的 它是自結束標籤 常用的屬性 name指定資料的名稱 content指定資料的內容...

Python學習筆記 day0

本部落格標題設計敏感關鍵字0day,違反相關法律法規,現已處理。1.輸入 raw input 這個可以輸入一行。和c 不同,它不能讀取單個整數 我的意思是,它是以字串儲存的。所以沒有什麼諸如 d這種東西。name raw input 這樣就可以讀入乙個字串,相當於gets name 考慮到人性化設計...

day0 開發流程

企業中專案型別 單機版的工具 其他部門使用的工具 gui開發 tkinter,pyqt qt平台 web專案 b2c 直銷 商家與會員直接交易 business to customer b2b 批發 商家與商家直接交易 b2b2c 購物平台 商家和會員在另乙個商家提供的平台上面進行交易 c2b 定製...