4 14課堂筆記

2021-09-19 10:41:48 字數 2757 閱讀 5905

lang=「en」 宣告網頁的語言 en 英語 ch 中文

(強制換行)

資訊標籤

charset="utf-8" 網頁的編碼格式

標題欄

網頁的渲染 左右 上下

按照閉合:帶結尾的 單閉合

按照換行:不換行 (行級標籤) 換行(塊級標籤)

1.標題標籤    h標籤   加粗   大-小  自帶換行

2.格式化標籤html3.斜體 行級

html

4.下劃線

html

5.刪除線

$200.00

6.上下標

h2o

列表 (有序ol 無序ul)

文字標籤

子父元素選擇器

空格 匹配的是當前元素裡面的所有的後代元素

(>)匹配的是當前元素的直接子集

1.行內

優先順序最高

2.內嵌

公用樣式

div class="block"  id="b2"
div星號

內嵌裡面的優先順序

#b2body .div

body #b2(最高

.block(高於行內)
3.外部預設的樣式優先順序,如果樣式之間沒有衝突,則疊加,如果樣式衝突,考慮優先順序,行內》內嵌》外部

html,body
box-sizing:boder-box;(在設定寬和高的條件下有效)轉化為盒子模型

margin設定外間距

padding設定外間距(上 右 下 左)

只給乙個值上下左右均相同

盒子模型中 上下放置的元素之間的外間距不累計加 取最大值

**盒子模型中 左右放置的元素之間的外間距累計加 **

**left right

塊級元素 元素在浮動之後 會脫離文件流(即不佔位置)

要想水平浮動 浮動的子元素的總寬 小於父元素的寬

子元素在浮動之後會導致父元素不能撐開

解決父元素不能撐開有兩種方法:

1. overflow: hidden;(超出部分隱藏)

2. div style="clear: both" (清除左右浮動)

ul.menu>li.menu_li

按下快捷鍵tab

撤掉一般的預設樣式

*

list-style:none;(去點)

text-align:center;(文字在水平方向的居中)

line-height:40px;(行高會讓裡面的字在垂直方向上居中)要和高度一致

font-size:12;(字型的最小畫素)

display:none;(隱藏子集)

.menu_li:hover

1.訪問過的偽類

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