第三天學習的內容

2022-08-26 00:45:27 字數 2734 閱讀 8141

05.29

一.文字類樣式

color

line-height 得確定裡面有幾行

text-align 對齊方式

text-decoration 設定文字的線 如下劃線

font-size 字型

font-style 文字風格

font-family 字型樣式

font-weight 加粗

元素的顯示方式

display 元素的樣式

inline 行內元素

inline-block 塊級轉換成行內

block 塊級元素

none 隱藏

元素的隱藏

visibility:hidden

輪廓:主要用在input標籤中,只需要清空即可

列表list-style:none 即可

滑鼠的樣式

cursor

透明度opacity: 0.1; 取值:0-1之間 可以為0和1 0表示全透,1表示全不透

rgba(255,0,0,0.1)

面試題visibility:hidden 和 display:none 的區別?

都是隱藏

但是visibility:hidden隱藏以後還會繼續保留位置

display:none 隱藏以後就不會佔位置

opacity和rgba的區別?

opacity針對整個元素的,包括裡面的背景顏色,,文字...

rgba只針對背景顏色

二.css的背景類樣式

background-color 背景顏色

background-image 背景

background-repeat 背景的重複

repeat-y 只允許在y軸重複

repeat-x 只允許在x軸重複

no-repeat 不重複,只顯示一次

background-position 背景的定位

取值: 兩個,分別表示x和y方向。如果只寫乙個,則兩個值相等

例如:京東、** 五星好評

雪碧圖: 各個小圖示的集合,使用的目的是減少http的請求

background 是把上面所有的全部合在一起

background : color image repeat position

background-size 背景的大小

三.框模型

任何乙個元素,都可以理解成乙個盒子

盒子是可以裝"東西"

裡面東西跟"盒子的包裝"有一定的空間

兩個盒子或者說多個盒子,盒子之間是不是有一定的"距離"(空間)

盒子模型的組成

margin 外邊距 盒子與盒子之間的距離

border 邊框 包裝盒

padding 內邊距 填充物

content 內容 買好的東西

margin 合起來寫的屬性

4個

當你寫乙個的時候,四個全部相同

兩個的時候,上右,對邊補齊

三個的時候,上右下,對邊補齊

margin-top margin-right margin-bottom margin-left

這四個屬性可以單獨的拿出來寫

border 邊框 合寫的屬性

border-color 顏色

border-top-color: ;

border-left-color:

border-style 樣式

也分上下左右

border-width 寬度

也分上下左右

寫的時候不需要區分順序

padding

上右下左

對邊補齊

定義的width和height只是content部分

padding和border會把盒子撐大

盒子的大小 content+padding+border

四.css的布局

定位 : top,left,right,bottom 只有元素增加定位的情況下才會使用

1.相對定位:relative 老大

一般不要去用top,left,right,bottom

2.絕對定位:absolute 老二

元素會脫離文件流

一般不要去用margin,用top,left,right,bottom

雖然都能達到效果,但是為了開發的方便,**的簡潔。

3.固定定位 肯定不是同乙個爹

元素會脫離文件流

使用場景:回到頂部

側邊欄的廣告

純種的野孩子。只有瀏覽器的視窗可以管的住

一般的情況下:相對定位和絕對定位是同時出現的

一般所有的下拉框都是絕對配合著相對定位完成的

相對定位的作用一般是用來管著絕對定位的

五.浮動

浮動分為兩種,左浮動和右浮動

浮動會脫離文件流

難點在於清除浮動

清除浮動: 不是清除自身的浮動,而是清除上乙個浮動對自身造成影響

overflow: hidden; /*溢位隱藏,主要是用於清除浮動*/

overflow: scroll; /*溢位部分以滾動條顯示*/

第三天學習內容

整數型別 超範圍的情況 小結 小數型別 float與double的區別 float是單精度型別,精度是8位有效數字,取值範圍是10的 38次方到10的38次方,float占用4個位元組的儲存空間 double是雙精度型別,精度是17位有效數字,取值範圍是10的 308次方到10的308次方,doub...

第三天內容

1.字串中的expandtabs的應用如果有 t 則停止尋找用空格補,如果沒有直接數到空格裡的所設定的值然後進行下一次的設定 test dlfk tjkldsfj tlasdfkjfdsasdlkfjsdaflk t fdslkjdlkf t v test.expandtabs 10 print v...

學習第三天

額,又是美好的一天!祝賀比利時奪得季軍!下面,還是先看資訊學 今天繼續看倍增。這道題是和倍增沾邊的題,額,其實就是兩邊floyd。但是思路還是可以借鑑的。這道的思路是,使用兩個陣列,乙個是f k u v 這個陣列表示節點u到節點v之間是否距離為2 k,如果是,則為1,否則為0.代表u和v之間是否1s...