0414學習記錄

2021-10-05 02:23:17 字數 3083 閱讀 9127

1.css

層疊樣式表

渲染html到網頁

css存在樣式表當中

外部樣式表提高工作效率

多個樣式可以層疊為乙個

css作用是 給html標籤寫表現形式的

html標籤分為幾種型別:

按照是否換行來分:行級元素,塊級元素

根據是否閉合來分:完全閉合,自閉合

css樣式的寫法規則:屬性:值;

css裡面的顏色值:

顏色值: 單詞值 十六進製制顏色值 #000000 rgb rgb(114,255,255) rgba(114,255,255,0.5)

網頁裡面的畫素單位

px 代表固定畫素值 相對螢幕的解析度的單位值(一般用這個)

% 百分比畫素值

rem 相對單位 只相對於 網頁的html根元素的字型大小

em 相對單位 相對當前元素文字字型大小 沒有設定字型時按照 預設瀏覽器預設字型大小

css裡面設定寬高屬性:當前元素必須是塊級元素 如果要給行級元素設定寬和高 必須轉化為塊級元素(如何轉換下期學習)

2.css 在網頁裡面分為幾種型別:1.行內樣式 2.內嵌樣式3.外部樣式

行內樣式:

樣式屬性 有單屬性樣式 和 復合屬性樣式

行內樣式寫在元素style 屬性上,寫在元素的行內

color: red; 設定字型顏色的

font-size: 20px; 設定字型的大小 其他方法:larger x-larger small x-small (通常用px)

font-family: serif; 設定字型的樣式,如宋體,黑體

width: 200px; 設定寬

height: 200px; 設定高

border-left-color:#000; 左邊框的顏色

border-left-style:solid; 左邊框的樣式:實線

border-left-width:1px; 左邊框大小

border-left:1px solid #000;合併寫法

border:邊框

border-right:右邊框

border-bottom:底部邊框

font-style:italic; 字型斜體

font-weight:bold; 字型加粗

font-size:30px; 字型大小

font-family:self; 字型樣式

font:italic bold 30px self ; 合併寫法

"color:rgba(175, 198, 255, 0.58);font-family: fantasy;font-size: 20px;font:italic bold 30px self ;border-bottom:black solid 20px;"

>字型

內嵌樣式

css內嵌樣式

內嵌的位置 : 在head標籤裡面 或者內嵌到body裡面

使用style標籤內嵌到head或者body裡面

通過css選擇器來匹配樣式

"gannaldo"

>我是div1

"gannaldo"

>我是div3

"gannaldo"

>我是p標籤

"gannaldo1"

>我是div2

"aaaa"

>

我是span標籤

蔬菜黃瓜

菠菜土豆

水果桃子

西瓜橘子

css選擇器:

1.所有元素 :*代表所有元素 匹配網頁裡面的所有元素*

2.element 元素選擇器 匹配網頁裡面所有的相同元素div

3.class 類名稱 類選擇器 class選擇器使用點來匹配,class 可以多個元素共有.gannaldo p.gannaldo

5. id選擇器 ,使用#匹配,建議id只能有乙個,不能同名#gannaldo1

6. 子父選擇器.aaaa>span

空格,指的是匹配當前元素的所有後代元素ul li

大於號 ,匹配的是當前元素的直接子元素ul>li

7.復合選擇器 使用逗號分隔div.gannaldo,#id gannaldo

外部樣式

外部樣式 在外部寫樣式,然後在網頁內部引入 在外部新建乙個css資料夾,然新建新建乙個index.css檔案,在檔案內寫樣式,樣式的寫法和內嵌樣式的幾種寫法一致

外部樣式的引入

1.使用link 標籤 可以引入在 head 或者body

2.用style裡面引入,使用@import 『./css/index.css』@import "css/index.css";樣式優先順序

三大樣式: 行內 內嵌 外部

如果樣式之間沒有衝突:則樣式顯示的優先順序是(樣式疊加順序):

行內》 內嵌 > 外部 (內嵌樣式在外部樣式載入之後)

行內》 外部 >內嵌 (內嵌樣式在外部樣式載入之前)

如果樣式之間存在衝突,樣式優先順序是(就近原則選取):

行內》 內嵌 > 外部 (內嵌樣式在外部樣式載入之後)

行內》 外部 >內嵌 (內嵌樣式在外部樣式載入之前)

內嵌樣式和外部樣式也存在優先順序( 元素選擇器之間的優先順序)

內嵌樣式選擇器優先順序:

id選擇器》class類選擇器》元素選擇器》*選擇器

button> #name> .button> *

外部樣式裡面選擇器的優先順序和內嵌樣式選擇器優先順序一致

子父元素選擇器優先順序 根據父元素的選擇器來判斷

這裡注意 只看父元素選擇器的優先順序,子元素再高也沒用

div#qaq>button> div.yyy>button

0414 複利計算再公升級

一 組員 曾治業 235 二 分工情況 曾治業 主要負責一些功能的實現。陳煥懇 建立介面 三 預算時間和實際用時 估計查詢資料時間 h 2 實際查詢資料時間 h 3 估計結對討論時間 h 2 時間結對討論時間 h 3 估計程式設計時間 h 3 實際程式設計時間 h 4 估計完成時間 h 7 實際完成...

0414 MSP430學習之必要性

msp430學習之必要性 yw 2010 4 14,4 46 pm 一 430優點 功耗低,超低功耗,它具有一種活動模式和五種低功耗模式,在活動模式下耗電量僅有250us mips,i o輸入埠的漏電電流最大只有50na。資料處理能力強大,它採用了risc 精簡指令集 結構,乙個時鐘週期即可執行一條...

iOS 高階 第十三天 0414

畫線 圓和圓弧的第二種方法 5中方法畫矩形 第二種畫圖形的方法 之前做的方法都是先把要畫的元素快取到圖形上下文cgconteextref中去,現在第二種方法也快取到cgpath中去.其實圖形上下文本質也是在內部建立乙個cgpath,圖形上下文把所有的元素先快取到cgpath中去,然後cgpath再快...