lang=「en」 宣告網頁的語言 en 英語 ch 中文
網頁的渲染 左右 上下(強制換行)
資訊標籤
charset="utf-8" 網頁的編碼格式
標題欄
按照閉合:帶結尾的 單閉合
按照換行:不換行 (行級標籤) 換行(塊級標籤)
列表 (有序ol 無序ul)1.標題標籤 h標籤 加粗 大-小 自帶換行
2.格式化標籤html3.斜體 行級
html
4.下劃線
html
5.刪除線
$200.00
6.上下標
h2o
文字標籤
子父元素選擇器
空格 匹配的是當前元素裡面的所有的後代元素
(>)匹配的是當前元素的直接子集
1.行內
優先順序最高
2.內嵌
公用樣式
div class="block" id="b2"
div星號
內嵌裡面的優先順序
#b2body .div
body #b2(最高)
.block(高於行內)
3.外部預設的樣式優先順序,如果樣式之間沒有衝突,則疊加,如果樣式衝突,考慮優先順序,行內》內嵌》外部
html,body
box-sizing:boder-box;(在設定寬和高的條件下有效)轉化為盒子模型
margin設定外間距
padding設定外間距(上 右 下 左)
只給乙個值上下左右均相同
盒子模型中 上下放置的元素之間的外間距不累計加 取最大值
**盒子模型中 左右放置的元素之間的外間距累計加 **
**left right
塊級元素 元素在浮動之後 會脫離文件流(即不佔位置)
要想水平浮動 浮動的子元素的總寬 小於父元素的寬
子元素在浮動之後會導致父元素不能撐開
解決父元素不能撐開有兩種方法:
ul.menu>li.menu_li1. overflow: hidden;(超出部分隱藏)
2. div style="clear: both" (清除左右浮動)
按下快捷鍵tab
撤掉一般的預設樣式
1.訪問過的偽類*
list-style:none;(去點)
text-align:center;(文字在水平方向的居中)
line-height:40px;(行高會讓裡面的字在垂直方向上居中)要和高度一致
font-size:12;(字型的最小畫素)
display:none;(隱藏子集)
.menu_li:hover
a:visited
2. 滑鼠懸停偽類
a:hover
3.滑鼠啟用偽類
a:active
4.訪問之前的偽類
a:link
css定位1. 相對定位佔位置 相對於自己的位置在移動和分層
position:relative;
2. 絕對定位不佔位置 靠瀏覽器移動和分層
position:absolute;
3. 固定定位不佔位置 固定在某乙個位置
position:fixed;
元素在定位定位之後可以使用5個屬性 right left top bottom z-index(分層)
相對定位和固定定位搭配使用
給絕對定位的父容器寫乙個相對定位margin:0 auto;
margin:auto;(水平居中)
固定定位只能靠瀏覽器 絕對定位可以靠瀏覽器和父元素
display:inline-block;(轉化為行級塊)
去除兩個塊之間的縫隙,給行級塊的父級元素寫
font-size:0;字型大小為0
然後給子容器設定字型大小
span是行級元素 不能設定行和高 轉換
display:block;
text-decoration:none;(去掉a鏈結裡面的下劃線)
9 1課堂筆記
課堂筆記 一 1 file類的構造方法 public file string pathname 根據parent抽象的路徑名和child路徑名字串建立乙個新的file物件。pathname指路徑名字串,parent父抽象路徑名 父抽象路徑名既可以是字串,也可以是file物件 public file ...
9 7課堂筆記
課堂筆記 執行緒的同步 為什麼需要 執行緒同步 執行緒間共享 和資料可以節省系統開銷,提高程式執行效率,但同時也導致了資料的 訪問衝突 問題,如何實現執行緒間的有機互動 並確保共享資源在某些關鍵時段只能被乙個執行緒訪問,即所謂的 執行緒同步 synchronization 就變得至關重要。臨界資源 ...
2018 3 8課堂筆記
選擇器的優先級別可以如下方式計算 a 行內樣式權重1000,b id選擇器權重100 c 類 偽類和屬性選擇器權重10,d 標籤選擇器和偽元素選擇器權重為1 對於網頁中背景的修改 都是以background開頭的,例如 background position背景的定位 background size...