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再快...