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