css行高倍數(shù)問題？

這個1.5一般顯示的比較好，你設(shè)置成2也無所謂。是為了讓文本排版好看而設(shè)定的值。dw視圖下會存在很多bug，尤其是css方面。主要看是要用瀏覽器查看

創(chuàng)新互聯(lián)主要從事成都做網(wǎng)站、成都網(wǎng)站制作、網(wǎng)頁設(shè)計(jì)、企業(yè)做網(wǎng)站、公司建網(wǎng)站等業(yè)務(wù)。立足成都服務(wù)南明,十余年網(wǎng)站建設(shè)經(jīng)驗(yàn),價(jià)格優(yōu)惠、服務(wù)專業(yè),歡迎來電咨詢建站服務(wù):18980820575

CSS代碼里em, strong,ul,這之類的都是什么意思啊？

em: 如果你說的是標(biāo)簽, 表示強(qiáng)調(diào)文本內(nèi)容, 通常以斜體表示(目前一般不建議使用, 建議用css樣式實(shí)現(xiàn)), 如果是長度單位, 它是一個相對單位, 表示相對于當(dāng)前元素內(nèi)文本高度的比例

strong: 表示重要文本, 通常用加粗的樣式(目前一般不建議使用, 建議用css樣式實(shí)現(xiàn))

ul: Unordered List, 無序列表, 還有一個對應(yīng)的ol(ordered list, 就是有序列表)

CSS 核心樣式、H5 + C3 新特性

粗細(xì)font-weight

設(shè)置文字是否加粗顯示 。 有兩種類型 ：單詞類型、數(shù)字類型

單詞類型 | 屬性值 | 說明

| normal | 默認(rèn)值，定義批準(zhǔn)的字體

| bold | 定義粗體字符 ，b strong標(biāo)簽 的默認(rèn)值

| bolder | 定義更粗的字體

| ligher | 定義更細(xì)的字體

數(shù)字類型 100-900之間的整百數(shù)字。數(shù)字越大文字顯示越粗。 400==normal 700==bold

字體風(fēng)格font-style

設(shè)置字體是否斜體顯示。

| 屬性值 | 說明

|normal | 設(shè)置正規(guī)的字體 ， 大多是標(biāo)簽的默認(rèn)值

| italic | 設(shè)置斜體的文字 ，主要針對英文，要求英文以字體中的斜體樣式顯示

| oblique | 設(shè)置斜體的文字 ， 只是將文字傾斜顯示 ， 與字體無關(guān)

**行高 line-height **

設(shè)置的是一行文字實(shí)際占有的高度，文字字號在行高中是垂直居中的。

| px 像素值 | 設(shè)置的行高的具體像素值

| 百分比數(shù)值 | 設(shè)置的本身字號像素值的百分比

字體綜合font

1.字號 、 字體

2.字號 /行高 、字體 重點(diǎn)是字號和行高之間使用 /

3.加粗和斜 體兩個值之間可以互 換位置 、 字號、行高、字體不能更改位置。

水平對齊text-align

設(shè)置文本水平方向的對齊

| 屬性名 | 作用 |

| left | 居中對齊，大部分標(biāo)簽的默認(rèn)值

| center | 居中對齊

| right | 居右對齊

文本修飾 text-decoration

設(shè)置文本整體是否有線條的修飾效果

| 屬性名 | 作用 |

| none | 沒有修飾， 大部分標(biāo)簽的默認(rèn)值

| overline | 上劃線

| line-through | 中劃線，刪除線del 標(biāo)簽的默認(rèn)值

| underline | 下劃線，a標(biāo)簽的默認(rèn)值

**縮進(jìn) text-indent **

設(shè)置段落首行是否進(jìn)行縮進(jìn)

| px 單位 | 表示首行縮進(jìn)多少像素

| em單位 | 首行縮進(jìn)幾個中文字符的位置

| 百分比 | 表示縮進(jìn)文字所在標(biāo)簽的父級標(biāo)簽width 屬性值的百分比

書寫元素內(nèi)容區(qū)域 width+height

盒子可以實(shí)體化的區(qū)域 width + height + padding + border

盒子實(shí)際占位的位置 width + height + padding + border + margin

寬度width 高度height

設(shè)置可以添加元素內(nèi)容的區(qū)域的寬度

| auto | 默認(rèn)值，瀏覽器可計(jì)算出實(shí)際的寬度

| px | 像素值定義的寬度

| % | 定義參考父元素寬度width 的百分比寬度

內(nèi)邊距padding 、 外邊距margin

內(nèi)邊距padding：設(shè)置的是元素的邊框內(nèi)部到寬高區(qū)域之間的距離。

外邊距margin： 設(shè)置的是盒子與盒子之間的距離。

四值法 上右下左 padding : 10px 20px 30px 40px;

三值法 上 左右 下

二值法 上下 左右

單值法 四個值相同

邊框border

設(shè)置的是內(nèi)邊距外面的邊界區(qū)域 作為盒子的實(shí)體化的最外層

border ：“寬度 線 顏色 “

border-style | 屬性值 | 說明

| none | 定義無邊框

| solid | 定義實(shí)線

| dashed | 定義虛線 在大多數(shù)瀏覽器中呈現(xiàn)為實(shí)線

| dotted | 定義點(diǎn)狀邊框，在大多數(shù)瀏覽器中呈現(xiàn)為實(shí)線

| double | 定義為雙線，雙線的邊框的寬度等于 border-width的值

| groove | 定義3D凹槽邊框，其效果取決于border-color 的值

| ridge | 定義3D壟裝邊框，其效果區(qū)域于border-color 的值

| inset | 定義3D內(nèi)容凹陷效果，其效果取決于border-color 的值

| outset | 定義3D內(nèi)容凸出效果，其效果取決于border-coloe 的值

清除默認(rèn)樣式

1.大部分容器標(biāo)簽都有默認(rèn)邊距，要么用標(biāo)簽選擇器的并集方式，要么通配符清除。

2.ul和li兩種列表有默認(rèn)的列表前綴，清除list-style屬性

3.a標(biāo)簽的默認(rèn)樣式，順帶設(shè)置頁面中常用的a的公共樣式：color和text-decorstion

4.清除默認(rèn)加粗效果:設(shè)置font-weight

父子盒模型

父元素的width = 所有子元素width + padding + border + margin

margin塌陷現(xiàn)象

margin塌陷現(xiàn)象：在垂直方向如果有兩個元素的外邊距有相遇的，瀏覽器中加載的 真正的外邊距不是兩個間距的加和，而是兩個邊距中值較大的，邊距值小的塌陷到 了邊距值大的值內(nèi)部

同級元素塌陷： 大的margin吃掉小的

標(biāo)準(zhǔn)文檔流：指得是元素排版布局過程中，元素會默認(rèn)自動從左往右，從上往下的流式排版方式。前面內(nèi)容發(fā)生了變化，后面的內(nèi)容位置也會隨著發(fā)生變化

微觀現(xiàn)象

1.空白折疊現(xiàn)象。

2.文字類的元素如果排在一行會出現(xiàn)一種高低不齊、底邊對齊效果。

3.自動換行，元素內(nèi)一行內(nèi)容寫滿元素的width時(shí)會自動進(jìn)行換行。[圖片上傳失敗...(image-5327c1-1604048626452)]

元素等級

塊級元素：大部分容器級標(biāo)簽包括p標(biāo)簽都是塊級元素，比如div,h1-h6,p,pre,ul,ol,li,form,table,label

行內(nèi)元素：大部分的文本及標(biāo)簽比如 a,span，i（斜體）,em（強(qiáng)調(diào)）,sub(下標(biāo))，sup（上標(biāo)） 等。

行內(nèi)塊元素： (img，button,input，textarea,select), img等

顯示模式display

display 屬性更改的顯示模式并沒有改變標(biāo)準(zhǔn)流本質(zhì)性質(zhì)

| 屬性值 | 作用

| block | 表示元素要以塊級元素模式加載，具備塊級特點(diǎn)

| inline | 表示元素要以行內(nèi)元素模式加載，具備行內(nèi)特點(diǎn)

|inline-block| 表示標(biāo)簽及行內(nèi)塊模式加載，具備行內(nèi)塊特點(diǎn)

| none | 表示標(biāo)簽及內(nèi)容直接隱藏，讓出原有標(biāo)準(zhǔn)流的位置

脫離標(biāo)準(zhǔn)流

標(biāo)簽元素脫離標(biāo)準(zhǔn)流的方法包括：浮動、絕對定位、固定定位

浮動定義

1.浮動 (float)：讓元素脫離標(biāo)準(zhǔn)流，同一級的浮動的元素可以并排在一排顯示

float : right / left

浮動的問題二：父元素沒有高度，會影響后面元素的標(biāo)準(zhǔn)流位置，如果福哦的那個的子元素足夠高，有可能影響到后面浮動的貼邊。

[圖片上傳失敗...(image-7923f-1604048626452)]

清除浮動方法

清除浮動一：給標(biāo)準(zhǔn)流的父元素強(qiáng)制給一個合適的高度height

解決：浮動元素影響后面元素標(biāo)準(zhǔn)流位置和貼邊。

問題：父元素不能高度自適應(yīng)，后面父元素之間如果有margin效果不正確。

清除浮動五：溢出隱藏

overflow：hidden

總結(jié) 如果父元素高度是固定的，建議使用height屬性解決

如果父元素告訴需要自適應(yīng)，建議使用overflow屬性解決浮動問題

要想讓每個偽類的狀態(tài)正常加載，書寫順序必須是：訪問前l(fā)ink、訪問后visited、 鼠標(biāo)移上hover、鼠標(biāo)點(diǎn)擊active。

-背景顏色 background-color

-背景圖片 background-image 屬性 url(圖片路徑)

-背景重復(fù) background-repeat

| repeat | 重復(fù)，默認(rèn)屬性值，表示會使用背景重復(fù)加載填滿整個盒子背景區(qū)域

| no-repeat| 不重復(fù)，不論背景圖是否大于盒子范圍，都只加載依次圖片

| repeat-x | 水平重復(fù)，使用背景圖片水平重復(fù)加載鋪滿第一行，垂直方向不重復(fù)

| repeat-y | 垂直重復(fù)，使用背景圖片垂直重復(fù)加載鋪滿第一列，水平方向不重復(fù)

-背景定位 background-position 主要用于設(shè)置 不重復(fù) 的圖片在背景區(qū)域的加載開始位置

單詞表示法 水平方向可選單詞：left、center、right

垂直方向可選單詞：top、center、bottom

像素表示法 水平 垂直 border以內(nèi)的

百分比表示法 100%代表的數(shù)值

水平方向，等價(jià)于盒子的border以內(nèi)的背景區(qū)域?qū)挾葴p去圖片的寬度。

垂直方向，等價(jià)于盒子的border以內(nèi)的背景區(qū)域高度減去圖片的高度。

-背景附著 background-attachment

| scroll | 滾動的，表示背景圖片與盒子保持相對位置不變，隨著頁面的滾動而滾走

| fixed | 固定的，背景圖的定位的參考點(diǎn)從盒子border，以內(nèi)的左上頂點(diǎn)變?yōu)榱藶g覽器窗口的左 上頂點(diǎn)，頁面滾動時(shí)，瀏覽器窗口的左上頂點(diǎn)是不變的，導(dǎo)致背景圖固定在瀏覽器窗口 的某個位置，不會隨著頁面滾動而滾走

background 屬性可以將五個單一屬性的值進(jìn)行合寫。 屬性值：可以有 1-5 個屬性值，值之間用空格進(jìn)行分隔，背景定位的兩個屬性值算作 一個屬性值，不能被分開也不能顛倒順序。五個屬性值之間可以互換位置。

-背景縮放background-size 設(shè)置img的尺寸

| px值 | 1-2個像素值，只設(shè)置1個值，垂直方向等比例拉伸；設(shè)置2個值，按照設(shè)置值 加載

| 百分比 | 同像素值設(shè)置方法相同，設(shè)置百分比時(shí)，數(shù)值參照盒子的寬、高屬性

| cover | 自動調(diào)整縮放比例，把背景圖像擴(kuò)展至足夠大，以使背景圖像完全覆蓋背景區(qū) 域。如有溢出部分則會被隱藏。

| contain | 自動調(diào)整縮放比例，把圖像圖像擴(kuò)展至最大尺寸，保證圖片始終完整顯示在背 景區(qū)域

-相對定位 relative

相對定位的元素不能脫離標(biāo)簽的原始狀態(tài)(標(biāo)準(zhǔn)流、浮動),不會讓出原來占有的位置

-絕對定位 absolute 脫離標(biāo)準(zhǔn)文檔流

子絕父相 、 子絕父絕 、 子絕父固

-固定定位 fixed 脫離標(biāo)準(zhǔn)文檔流

-壓蓋順序 z-index

HTML5

[圖片上傳失敗...(image-974217-1604048626452)]

audio音頻標(biāo)簽 ogg mpeg wav

| 屬性 | 值 | 描述

| autoplay| autoplay| 如果出現(xiàn)該屬性，則音頻在就緒后馬上播放

| controls | controls | 如果出現(xiàn)該屬性，則向用戶顯示控件，比如播放按鈕

| loop | loop | 如果出現(xiàn)該屬性，則每當(dāng)音頻結(jié)束時(shí)重新開始播放。

| preload | preload | 如果出現(xiàn)該屬性，則音頻在頁面加載時(shí)進(jìn)行加載，并預(yù)備播放。如果使用 "autoplay"，則忽略該屬性。

| src | url | 要播放的音頻的 URL。

video 視頻標(biāo)簽 ogg mp4 webm

[圖片上傳失敗...(image-361a85-1604048626452)]

| 屬性 | 值 | 描述

|autoplay | autoplay | 視頻就緒自動播放（谷歌瀏覽器需要添加muted來解決自動播放問題）

| controls | controls | 向用戶顯示播放控件

| loop | loop |放完是否繼續(xù)播放該視頻，循環(huán)播放

| preload | auto |（預(yù)先加載視頻）

none（不應(yīng)加載視頻） 規(guī)定是否預(yù)加載視頻(如果有了autoplay 就忽略該屬性）

| src | url | 視頻url地址

| width | pixels(像素) |設(shè)置播放器寬度

| height | pixels(像素) |設(shè)置播放器高度

| poster | Imgurl | 加載等待的畫面圖片

| muted | muted | 靜音播放

屬性值 描述

type="email" 限制用戶輸入必須為Email類型

type="url" 限制用戶輸入必須為URL類型

type="date" 限制用戶輸入必須為日期類型

type="time" 限制用戶輸入必須為時(shí)間類型

type="month" 限制用戶輸入必須為月類型

type="week" 限制用戶輸入必須為周類型

type="number" 限制用戶輸入必須為數(shù)字類型

type="range" 滑動條

type="tel" 手機(jī)號碼

type="search" 搜索框

type="color" 生成一個顏色選擇表單

datalist 標(biāo)簽

? datalist 標(biāo)簽規(guī)定了 input 元素可能的選項(xiàng)列表。

? datalist元素包含了一組option元素，這些元素表示預(yù)定義可選值，在input元素輸入

過程中，會自動響應(yīng)option元素的值。

? 綁定的input標(biāo)簽必須設(shè)置 list 屬性，屬性值等于datalist標(biāo)簽的 id 屬性值。

新增表單屬性

屬性 值 描述

required required 表單擁有該屬性表示其內(nèi)容不能為空，必填

placeholder 提示文本 表單的提示信息，存在默認(rèn)值將不顯示

autofocus autofocus 自動聚焦屬性，頁面加載完成自動聚焦到指定表單，一般頁面中放1個

autocomplete off / on 當(dāng)用戶在字段開始鍵入時(shí)，瀏覽器基于之前鍵入過的值，應(yīng)該顯示出在字段中填 寫的選項(xiàng)。

默認(rèn)已經(jīng)打開，如 autocomplete=”on “

關(guān)閉 autocomplete =”off”

-需要放在表單內(nèi)同時(shí)加上name屬性

-同時(shí)成功提交

multiple multiple 可以多選文件提交

CSS3

子級選擇器

子級選擇器用于選取帶有特定父元素的元素 書寫語法element1element2

[圖片上傳失敗...(image-bb266d-1604048626452)]

兄弟選擇器

--相鄰兄弟選擇器 用于選擇 緊接 在另一個元素后的兄弟元素，而且二者有相同的父元素。

| element1+element2 | 匹同一個父元素中緊跟在element1后面的一個element2元素

--其他兄弟選擇器 匹配同一個父元素中在element1后面的 所有 element2元素

| elemenet~element2 | 匹配同一個父元素中elemenet1后面的所有element2元素

E:first-of-type 指定類型E的第一個

E:last-of-type 指定類型E的最后一個

E:nth-of-type(n) 指定類型E的第n個 這個是元素的第幾個在元素下選取

屬性選擇器

E[att] 選擇具有att屬性的E元素

E[att="val"] 選擇具有att屬性且屬性值等于val的E元素

E[att^="val"] 匹配具有att屬性、且值以val開頭的E元素

E[att$="val"] 匹配具有att屬性、且值以val結(jié)尾的E元素

E[att*="val"] 匹配具有att屬性、且值中含有val的E元素

box-sizing屬性

content-box 標(biāo)準(zhǔn)模式 盒子總體大小為 width(height) + padding + border

border-box 怪異模式 盒子總體大小為 width 和 height

[圖片上傳失敗...(image-cdef05-1604048626452)]

文字陰影text-shadow

| 屬性值 | 簡介

| h-shadow | 必需。水平陰影的位置。允許負(fù)值。

| v-shadow | 必需。垂直陰影的位置。允許負(fù)值。

| blur | 可選。模糊的距離。

| color | 可選。陰影的顏色。

--transition-property過渡的屬性

? none 表示沒有屬性過渡

? all 表示所有變化的屬性都過渡

? 屬性名 使用具體的屬性名，多個屬性名中間逗號分隔

--時(shí)間

以秒為單位 0s必須加單位

--transition-timing-function 時(shí)間曲線

對元素進(jìn)行移動、縮放、旋轉(zhuǎn)、拉長或拉伸。配合過渡和即將學(xué)習(xí)的動畫知識，可 以取代大量之前只能靠Flash才可以實(shí)現(xiàn)的效果。

位移translate()

translate(x,y) x,y分別為水平和垂直方向位移的距離，可以為px值或百分比， 區(qū)分正負(fù)

translate(x) 只有一個數(shù)值，表示水平方向的位移

translate(y) 只有一個數(shù)值，表示垂直方向的位移

縮放 scale()

值 說明

scale(x, y) x,y分別為改變元素的寬度和高度的倍數(shù)

scale(n) 只有一個值，表示寬度和高度同時(shí)縮放n倍

scaleX(n) 改變元素的寬度

scaleY(n) 改變元素的高度

旋轉(zhuǎn) rotate(deg)

deg為度數(shù)單位，正數(shù)表示順時(shí)針旋轉(zhuǎn)，負(fù)數(shù)表示逆時(shí)針旋轉(zhuǎn)

傾斜 skew()

transform: skew(數(shù)字deg,數(shù)字deg)

兩個屬性值分別表示水平和垂直方向傾斜的角度，屬性值可以為正可以為負(fù)，第二個 數(shù)值不寫默認(rèn)為0

transform--origin 屬性

設(shè)置調(diào)整元素的水平和垂直方向原點(diǎn)的位置

x 定義 X 軸的原點(diǎn)在何處。可能的值：left 、center、right、像素值、百分比

y 定義 Y 軸的原點(diǎn)在何處。可能的值：top、center、bottom、像素值、百分比

[圖片上傳失敗...(image-ac107d-1604048626452)]

透視屬性 perspective

作用：設(shè)置在 z 軸的視線焦點(diǎn)的觀察位置，從而實(shí)現(xiàn) 3D 查看效果。

屬性值：像素值，數(shù)值越大，觀察點(diǎn)距離 z 軸原點(diǎn)越遠(yuǎn)，圖形效果越完整且接近原始尺寸。 注意：透視屬性需要設(shè)置給 3D 變化元素的父級

3D 旋轉(zhuǎn)

rotateX(angle) 定義沿著 X 軸的 3D 旋轉(zhuǎn)。

rotateY(angle) 定義沿著 Y 軸的 3D 旋轉(zhuǎn)。

rotateZ(angle) 定義沿著 Z 軸的 3D 旋轉(zhuǎn)。

[圖片上傳失敗...(image-e781c5-1604048626452)]

3D 位移

translateX(x) 設(shè)置 X 軸的位移值。

translateY(y) 設(shè)置 Y 軸的位移值。

translateZ(z) 定義3D位移，設(shè)置Z軸的位移值。

屬性值為像素值或百分比，正負(fù)表示位移的方向。正值向?qū)?yīng)軸的正方向移動，負(fù)值向?qū)?yīng) 軸的負(fù)方向移動。

transform-style屬性

用于設(shè)置被嵌套的子元素在父元素的 3D 空間中顯示，子元素會保留自己的 3D 轉(zhuǎn)換坐標(biāo)軸。

屬性值：

flat：所有子元素在 2D 平面呈現(xiàn)

preserve-3d：保留 3D 空間

瀏覽器兼容

Internet Explorer 10、Firefox 以及 Opera 支持 transform 屬性。

Chrome 和 Safari 需要前綴 -webkit-。

Internet Explorer 9 需要前綴 -ms-。

css樣式學(xué)習(xí)？

CSS是Cascading style Sheets的簡稱，中文譯作“層疊樣式表單”，我把它叫作“層疊樣式表”，我感到這樣順口一

點(diǎn)，沒別的意思。實(shí)際上它是一組樣式。你可能對CSS這個名詞比較陌生，實(shí)際上無論你用Internet Explorer還是

Netscape Navigator在網(wǎng)上沖浪，幾乎隨時(shí)都在與CSS打交道，在網(wǎng)上沒有使用過CSS的網(wǎng)頁可能不好找。不管你用什么工

具軟件制作網(wǎng)頁，都有在有意無意地使用CSS。用好CSS能使你的網(wǎng)頁更加簡煉，為什么同樣內(nèi)容的網(wǎng)頁，有的人做出來有

幾十KB，而高手做出來只有十幾KB，CSS在其中的作用是不言而喻的。我把我在使用CSS中的一些小經(jīng)驗(yàn)以及一些網(wǎng)友來信

提問的問題整理出來，供諸位參考。

1、CSS在網(wǎng)頁制作中一般有三種方式的用法，那么具體在使用時(shí)該采用哪種用法？

當(dāng)有多個網(wǎng)頁要用到的CSS，采用外連CSS文件的方式，這樣網(wǎng)頁的代碼大大減少，修改起來非常方便；只在單個網(wǎng)頁

中使用的CSS，采用文檔頭部方式；只有在一個網(wǎng)頁一、兩個地方才用到的CSS，采用行內(nèi)插入方式。

2、CSS的三種用法在一個網(wǎng)頁中要以混用嗎？

三種用法可以混用，且不會造成混亂。這就是它為什么稱之為“層疊樣式表”的原因，瀏覽器在顯示網(wǎng)頁時(shí)是這樣處

理的：先檢查有沒有行內(nèi)插入式CSS，有就執(zhí)行了，針對本句的其它CSS就不去管它了；其次檢查頭部方式的CSS，有就執(zhí)行

了；在前兩者都沒有的情況下再檢查外連文件方式的CSS。因此可看出，三種CSS的執(zhí)行優(yōu)先級是：行內(nèi)插入式、頭部方

式、外連文件方式。

3、在Dreamweaver3中如何使外部文件式CSS？

在Dreamweaver3中使用外連文件式CSS并沒有特殊要求，同樣是用記事本創(chuàng)建一個*.css文件，在網(wǎng)頁的head與

/head之間加上一句這樣的代碼：link rel="stylesheet" href="在這里填上你的CSS文件地址（相對路徑+文件

名）" type="text/css" 就行了。

4、如何用Dreamweaver3快速創(chuàng)建CSS外連式文件？

對于一個初接觸CSS的網(wǎng)頁設(shè)計(jì)人員來講，要用記事之類的編輯器，去創(chuàng)建一個CSS外連式文件是相當(dāng)困難的。由于

Dreamweaver3對CSS支持的很好，用它來幫助就輕松多了。具體可以這樣操作：

1）先在紙上寫好在網(wǎng)站的網(wǎng)頁中可能要用到的格名稱，然后在Dreamweaver3的編輯窗中調(diào)出CSS面板，一個一個地定

義，并在一個空白頁上適當(dāng)?shù)貙懸稽c(diǎn)相關(guān)內(nèi)容，邊定義邊試用，效果不滿意，立即修改；

2）全部定義好后，再用記事本創(chuàng)建一個空的CSS外連式文件，把在head與/head之間的那段定義好的CSS復(fù)制

到CSS文件中去，就大功告成了。整個過程就是點(diǎn)鼠標(biāo)，方便吧？

5、在Dreamweaver3中采用行內(nèi)插入式CSS要手動寫代碼嗎？

不用！先用CSS面板定義好要用的CSS，然后，在要插入CSS的標(biāo)記插入：style=""，再把你剛才定義的CSS從head

后面拖到這個雙引號中來，把花括號以外的部分刪去就行了。

6、在方檔頭部方式和外連文件方式的CSS中都有“!--”和“--”，好象沒什么用，不要可以嗎？

這一對東東的作用是為了不引起低版本瀏覽器的錯誤。如果某個執(zhí)行此頁面的瀏覽器不支持CSS，它將忽略其中的內(nèi)

容。雖然現(xiàn)在使用不支持CSS瀏覽器的人已很少了，由于互聯(lián)網(wǎng)上幾乎什么可能都會發(fā)生，所以還是留著為妙。

7、如何給一部分文字加背景色？

給文字加上不同顏色，在DW3中只要在屬性面板上選取文字的顏色就行了，非常方便，但要給部分文字加不同的背景色

卻沒有相應(yīng)的功能，我們可以先做一個定義背景色的CSS（如：bgstyle），在DW3中點(diǎn)幾下鼠就完成了。如一個定義淡黃色

背景的CSS是這樣的：

style type="text/css"

!--

.bgstyle { background: #FFFFCC}

--

/style

在要用時(shí)選取那段文字，再在CSS面板上點(diǎn)一下“bgstyle”就行了。

8、如何給部分文字加背景圖像？

與加背景色操作類似，中是在背景在選擇加載圖象就是了，一個定義好的加背景圖象的CSS例子的代碼是這樣的：

style type="text/css"

!--

.imgbgstyle { background-image: url(/logo.gif)}

--

/style

在要用時(shí)選取那段文字，再在CSS面板上點(diǎn)一下“imgbgstyle”就行了。

9、如何使頁面的背景在文字“滾動”時(shí)背景圖案靜止不動？

要使背景圖案不隨文字“滾動”的CSS是這樣的：

style type="text/css"

!--

BODY { background: purple url(/bg.jpg);

background-repeat:repeat-y;

background-attachment:fixed

}

--

/style

10、如何定義字間距？

在DW3中CSS的屬性定義對話框（style Definition for .style1)的“Block”上的“l(fā)etter spaceing”屬性定義的就

是字間距，它指的是每一個字符之間的額外間距，經(jīng)長度為單位，正負(fù)值均可，當(dāng)取負(fù)值時(shí)產(chǎn)生字符擠在一起的效果。下

面代碼是一個定義好的字間距CSS例子：

style type="text/css"

!--

.style1 { letter-spacing: 3px}

--

/style

11、如何給文字加上劃線、下劃線、刪除線和閃爍？

在DW3中CSS的屬性定義對話框(style Definition for .style1)的“Type”上的“decoration”屬性定義的就是這些

內(nèi)容，要注意的是閃爍屬性有些版本的瀏覽器不支持，少用為好。下面是一個定義好上述效果的CSS例子：

style type="text/css"

!--

.style1 { text-decoration: underline overline line-through blink}

--

/style

其中： “underline”是定義下劃線；“overline ”是定義上劃線；“ line-through”定義的是刪除線；“blink”

定義的是文字閃爍。

12、如何使網(wǎng)頁具有“首行縮進(jìn)”功能？

由于DW3輸入空格不方便，利用“首行縮進(jìn)”將彌補(bǔ)這個不足。在DW3中CSS的屬性定義對話框（style Definition

for .style1)的“Block”上的“text-indent”屬性定義的就是“首行縮進(jìn)”，所謂“首行”是指每段內(nèi)容的第一行，也

就是直接按回車鍵就形成了一個新的段落。縮進(jìn)最好以“em”（字符）為單位，比如：漢字編排要求每段開始縮進(jìn)兩個漢

字，設(shè)置好的CSS如下所示：

style type="text/css"

!--

.style1 { text-indent: 2em}

--

/style

在DW3要注意：在DW3中CSS的屬性定義對話框（style Definition for .style1)的“Block”上的“text-indent”右

面的縮進(jìn)單位選擇框中“ems”指的就是“em”。

13、在用表格進(jìn)行排版時(shí)，能使某一方向上的內(nèi)容離開表格線一點(diǎn)嗎？

可以！在DW3中CSS的屬性定義對話框（style Definition for .style1)的“Box”上的“margin”定義的就是內(nèi)容離

開邊緣的距離，分別可定義四個方向：“top”“bottom”“l(fā)eft”“right”。下面就是定義在左邊離開“10px”的CSS例

子代碼：

style type="text/css"

!--

.style1 { margin: 0px 0px 0px 10px}

--

/style

14、能給某部分內(nèi)容加邊框嗎？

用CSS可以給某部分內(nèi)容加邊框，在DW3中CSS的屬性定義對話框（style Definition for .style1)的“Border”定義

的就是邊框線，“top”“bottom”“l(fā)eft”“right”四邊可分別定義線的粗細(xì)和顏色，這些定義好后不要忘記在下面的

“style”中定義線型，否則將看不邊框線，因?yàn)槟J(rèn)的線型是“none”。下面是一個定義了上邊框?yàn)椋核{(lán)色細(xì)線；左邊框

為：綠色中粗線的CSS例子：

style type="text/css"

!--

.style1 { border: solid; border-width: thin 0px 0px medium; border-color: #0000FF black black #00FF00}

--

css3 scale怎么用

1、scale(x,y) 對元素進(jìn)行縮放

X表示水平方向縮放的倍數(shù) | Y表示垂直方向的縮放倍數(shù)

Y是一個可選參數(shù)，沒有設(shè)置的話，則表示X，Y兩個方向的縮放倍數(shù)是一樣的。并以X為準(zhǔn)。

2、scaleX(number) 元素只在X軸（水平方向）縮放元素。

默認(rèn)值是1，基點(diǎn)一樣在元素的中心位置。可以通過transform-origin來改變基點(diǎn)

3、scaleY(number) 元素只在Y軸（垂直方向）縮放元素。

基點(diǎn)一樣在元素的中心位置。可以通過transform-origin來改變基點(diǎn)。

當(dāng)前名稱：css倍數(shù)樣式,css倍數(shù)選擇器
地址分享：http://chinadenli.net/article41/dsgodhd.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供動態(tài)網(wǎng)站、靜態(tài)網(wǎng)站、定制開發(fā)、小程序開發(fā)、品牌網(wǎng)站制作、定制網(wǎng)站

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來源： 創(chuàng)新互聯(lián)