day05文字樣式與盒子模式

2021-08-28 05:57:11 字數 2703 閱讀 9885

day05

簡單了解了css的一些基礎屬性,今天來看一看文字以及模型。

1、字型修飾

字型大小font-size: 50px;

字型粗細font-weight: bold;\lighter\normal\bolder\100-900

字型屬性font-style : italic;斜體

字型font-family : arial;

字型顏色color: #f40;

顏色1、單詞 :color:transparent

2、顏色**:color:#ffffff;r(0~ff) g(0~ff) b(0~ff)

3、顏色函式 :color : rgb(255,255,255)

2、文字格式

text-decoration: underline;\overline\line-through 文字劃線

text-align:center;right\水平對齊方式

height: 200px;

line-height:24px;\單行文字所佔高度,行間距。

*height=line-height\單行文字垂直居中*

text-indent:2em;\首行縮排em=font-size;

line-height: 1.2em;\1.2倍行高1.2*20=24px;

3、邊框border

border:1px solid black;

由三個屬性組成:border-width border-style border-color

每個屬性可單獨設定:border-style:solid \ dotted \ dashed每條邊可分開設定:border-left: 1px solid red;每條邊的不同屬性也可單獨設定:border-left-width: 100px;3、盒子模型

由外向內 margin-border-padding-content

1、margin是外邊距,不可視的,可分別對四邊進行設定。

margin-left\right\top\bottom(margin:—,—,—,—,)

順時針表示為上右下左:

margin : 1px 2px 1px 2px等價於margin: 1px 2px

margin: 1px 2px 3px等價於margin: 1px 2px 3px 2px

margin: 1px等價於margin:1px 1px 1px 1px

2、border前面已經講到

3、padding為內邊距(同margin)

4、content為盒子內容

ps:很多標籤自帶margin或padding。如body自帶margin:8px;

做遠檢視加深對盒子的了解

Day05 類與物件

物件導向的特點 從執行者變為指揮者,包括封裝,繼承與多型。什麼是類?類是一組相關屬性和行為的集合。什麼是物件?是一類事物的具體體現。物件是類的例項,具備該事物的屬性和行為。類與物件的關係 類是對一類事物的描述。物件是一類事物的例項。類是物件的模板,物件是類的實體。類的定義 格式 public cla...

CSS(2) 文字樣式 盒模型

1.1 color 文字顏色 屬性值 三種色值表示法都可以使用 1 color b30000 十六進製制表示法 2 color rgb 255,0,0 rgb 3 color red 單詞表示法1.2 font style 設定文字是否傾斜 預設值 normal 正常 傾斜 oblique 普通傾斜...

Day 05 文字處理和爬蟲基礎1

目錄t和b模式 高階應用 文字處理 詞云分析 爬蟲原理 requests模組 re模組 爬取爬取文字 檔案是作業系統提供的乙個虛擬概念,用來儲存資訊 txt word md py xml ini 儲存的是文字 找到檔案路徑 開啟檔案 讀取 修改檔案 保持關閉 file path r c users ...