css的基本概念

2021-10-23 19:30:05 字數 1851 閱讀 7214

cascading style sheet 層疊樣式表

標籤:

….之類的標籤 使用方式: 直接輸入標籤名

類(class):class名字

使用方式:舒勇點+class名

id:id名

使用方式:輸入#+id名

一般來說我們寫css檔案的時候用的都是第二種選擇器:class。

這是因為id名一般用作js的選擇器。

給class命名也是規範的,像***-*** 這樣做的好處是讓你的**更清晰。

別人也更容易懂。

1、行內樣式(內嵌樣式)

白日依山盡,

黃河入海流

欲窮千里目

更上一層樓

直接寫在標籤李,使用style直接寫在標籤裡,只對當前標籤有效,頁面內容和表現形式是高度耦合的,不利於分工合作

2、內部樣式

內部樣式是head部分使用標籤,樣式對當前頁面有效,內容和表現形式實現了一定程度的分離,但不徹底

3、外部樣式

#text1

.text4

.text2

.text3

外部樣式需要link標籤與html連線起來,內容和表現形式完全分離,而且任何需要用到改樣式的頁面都可以通過link標籤連線的方式來實現。

text-align(對齊方式):centet(居中) /left(靠左)/right(靠右)

font-size(字型大小): 56px/24px/***px

font-famliy(字型體系):「黑體」/「幼圓」

font-style(是否傾斜): italic(傾斜)/normal(正常) ;

font-weight(字型粗細):100/200/300/normal(400)/bold(700)/bolder

font-variant(是否大寫):normal/small-caps(小型大寫)

color(字型顏色):blue/red/pink/black/green/#0000(可以用顏色的英文,也可以用字元碼)

text-decoration:none(預設,無)/underline(下劃線)/overline(上劃線)/line-through(刪除線)

12345

direction:ltr(left to right 從右到左)/rtl(right to

left 從左到右)

4 5 7

7

text-transform:none(預設)/capitalize(英文首字母大寫)/uppercase(所有字母都大寫)/ lowercase(讓字母全部小寫)

sdas sfdf  fgfg

sdas sfdf fgfg

sdas sfdf fgfg

line-heigjt(設定行高):normal/*** px

正常行高

正常行高

正常行高

正常行高

42行高

42行高

42行高

42行高

letter-spacing(字元間距):2px/5px/***px

sdasdafs

sdasdafs

word-spacing(單詞間距):2px/5px/***px

sds  sd

css基本概念

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

CSS基本概念

1 樣式表是由規則組成的 2 規則是由選擇器和宣告組成的 3 宣告是由屬性和值組成的 4 值可以是關鍵字,長度,顏色,字串,整型,實型,或者是uri 5 em亮度最好用於螢幕布局,英吋和厘公尺的絕對量度單位更適合列印布局,畫素單位用在使用者對字型大小不是首要要求的情況下 6 抖動是混合已知顏色來模擬...

基本概念 C 基本概念

由於工作中需要用到c 編寫的一些工具,有時候需要根據需求修改或者定製工具,所以現在不得不學習一下c 的基礎語法,此為筆記,不成章法!機器語言 組合語言 高階語言 面向過程的程式設計方法 物件導向的程式設計方法 泛型程式設計方法 1 演算法設計 2 源程式編輯 3 編譯 4 連線 5 執行除錯 輸入裝...