CSS查漏補缺

2021-07-25 13:47:06 字數 3145 閱讀 1077

//從父類繼承

padding: inherit;

//字母大寫、小寫,首字母大寫

h1 h2

.credits

//字母、漢字間距

letter-spacing: 0.2em;

//文字對齊方向

text-align: right;

//鏈結下劃線aa

:hover

//首字母、首行

p.intro

:first-letter

p.intro

:first-line

//hove

active

focus

input

.submit

:hover

input

.submit

:active

input

.text

input

.text

:focus

a:link

a:visited

//詞間距,針對英文單詞

word-spacing: 1em;

//兩端對齊

text-align: justify;

//縮排

text-indent: 20px;

//盒子陰影

p.one

//對齊方式

#six-months

#one-year

#two-years

//邊框顏色

border-color: #bbbbaa

#111111

#ee3e80

#0088dd;

//邊框

-moz-border-image: url("images/dots

.gif") 11 11 11 11 stretch;

-webkit-border-image: url("images/dots

.gif") 11 11 11 11 stretch;

border-image: url("images/dots

.gif") 11 11 11 11 stretch;}

p.two

//圓角

border-radius: 10px;

-moz-border-radius: 10px;

-webkit-border-radius: 10px;

//邊框的樣式

p.one

p.two

p.three

p.four

p.five

p.six

p.seven

p.eight

//塊轉化成內聯

li//邊角

display: inline-block;

margin: 20px;}

p.one

p.two

p.three

//最大最小高度

p//最大最小寬度

min-width: 450px;

max-width: 650px;

//隱藏,還是滾動

p.one

p.two

//隱藏占用地方,隱藏不占用地方

li.coming-soon

display: none;

// 滑鼠的樣式

cursor: move;

//空單元的顯示和隱藏

table

.one

table

.two

//專案符號,

list-style-type: lower-roman;

list-style-image: url("images/icon-plus

.png");

//**分離,只在table標籤中有效,在td,th標籤無效

table

//左右、上下

border-spacing: 5px 15px;

//合併邊框

border-collapse: collapse;

//專案符號在內還是在外

ul.illuminations

ul.season

//專案符號縮寫

list-style: inside

circle;

//漸變做按鈕的凸起,按下的效果

input

#submit

input

#submit

:hover, input

#submit

:active

//input-text的裝飾

input

#web

//last-child選擇器,first-child

.more-articles

p:last-child

//父元素清除浮動影響

overflow: auto;

width: 100%;

//背景位置固定,伴隨著頁面滾動而滾動

background-image: url("images/tulip

.gif");

background-repeat: no-repeat;

background-attachment: fixed;

//背景,預設是重複的

background-image: url("images/pattern

.gif");

//背景居中

background-image: url("images/tulip

.gif");

background-repeat: no-repeat;

background-position: 50% 50%;

//背景位置

background-position: center

top;

//背景重複

background-image: url("images/header

.gif");

background-repeat: repeat-x;

//背景設定縮寫

background: #ffffff

url("images/tulip

.gif") no-repeat

topright;

DOM查漏補缺

使用getattribute 方法只能獲取屬性的文字內容,比如script或者style就不方便了,因此建議使用屬性的方法來獲取,即elenode.attr這種形式 但是自定義的標籤屬性必須使用getattribute 方法來獲得。屬性的方法會返回undefined 修改class通過屬性名的方法是...

查漏補缺 1

1.alert 用來顯示一段文字。不是文字強制轉換為文字。2.sort 排序,原理是根據unicode進行排序,可接受乙個比較函式。比較函式 function compare a,b else if a b else var values 0,5,10,5,65 values.sort compar...

CC 查漏補缺

培養個人才能,無可替代,確定個人職業目標,專業技術性人才,自主學速度習,提公升專業能力,打字速度是基本功,多加練習,實現盲打,提高準確度,速度,練習時間,3個月,每天1小時,專業書籍閱讀,不要期待別人一句句教你都很忙,沒時間搭理你。解決年齡焦慮,最好的辦法是行動,明確目標,腳踏實地。完善個人知識體系...