網(wǎng)頁設(shè)計(jì)資料word版(已修改)
2025-01-28 08:44 本頁面
【正文】 CSS1 CSS基礎(chǔ)知識(shí)和應(yīng)用1 CSS基本知識(shí) 什么是CSSCSS(Cascading Style Sheet) 層疊樣式表，簡(jiǎn)而言之，就是一個(gè)樣式表，網(wǎng)頁可調(diào)用樣式表來對(duì)布局、字體、顏色、背景和其它圖文效果等樣式進(jìn)行控制，并允許被重疊 為什么使用CSS 可將樣式與結(jié)構(gòu)分離 可提供更精準(zhǔn)更豐富地控制頁面布局的方案 可制作體積更小的網(wǎng)頁 可集中控制多個(gè)網(wǎng)頁的樣式，便于整站更新 2 開始使用CSS 如何在網(wǎng)頁中使用CSS方法1： 直接嵌入型span style=fontfamily:宋體。 color:FF5522嵌入式CSS/span方法2：自定義引用型先定義：.mycss{fontsize: 40px。 color:FF7700。}span class=mycss引用CSS/span方法3：HTML元素被動(dòng)型該方法針對(duì)HTML中的元素進(jìn)行定義，比如對(duì)td元素td{backgroundcolor: CCFFEE。}這樣一旦引用了該CSS，整個(gè)頁面所有td元素都會(huì)遵循這一規(guī)則方法4：元素ID被動(dòng)型該方法類似方法3，針對(duì)HTML中擁有特定ID的元素定義比如img id=image1......那么在CSS中定義： image1{bordercolor:FF0000}則會(huì)指定改變?cè)撛氐念伾?CSS樣式使用方式不僅僅這些，隨著學(xué)習(xí)深入，還會(huì)認(rèn)識(shí)到其它一些使用方法 CSS代碼寫在哪里？除了嵌入式CSS，CSS代碼都需要集中定義，一般有兩種 定義在網(wǎng)頁文件中head標(biāo)簽內(nèi)style type=text/css....../style 定義在外部文件，并引用該方法先在外部編寫一個(gè)CSS文本文件，然后在head標(biāo)簽中插入：link href=css/ rel=stylesheet type=text/css /來調(diào)用該CSS，同一網(wǎng)頁文件可以調(diào)用多個(gè)CSS文件 樣式表的層疊性多個(gè)樣式規(guī)定重復(fù)時(shí)，比如字體顏色，則會(huì)按照一定優(yōu)先級(jí)來選擇，或者說好像層疊起來一樣，只能看到疊在最高層的樣式。 CSS樣式高于元素自身樣式 自定義樣式高于HTML元素樣式 指定元素ID樣式高于自定義樣式 同名CSS樣式，文本順序上后出現(xiàn)的樣式疊在先出現(xiàn)的上方 CSS樣式格式詳解：選擇器 { 樣式名: 樣式內(nèi)容[。 樣式2: 樣式2內(nèi)容。...]}選擇器即選擇什么元素應(yīng)用該樣式的工具，除自定義樣式是由網(wǎng)頁元素通過class屬性主動(dòng)選擇，其它都是被動(dòng)附加的。樣式名和樣式內(nèi)容直接用 : 標(biāo)記，多各樣式之間用 。 隔開 span和div標(biāo)簽span標(biāo)簽和div標(biāo)簽是經(jīng)常用來引用CSS以實(shí)現(xiàn)效果的標(biāo)簽，而他們的區(qū)別在于：span標(biāo)簽是嵌入式(inline)，即只在一行內(nèi)對(duì)元素進(jìn)行控制，一般不能定義區(qū)域高度和寬度div標(biāo)簽是區(qū)塊式(block)，相當(dāng)于在span標(biāo)簽前后各加一個(gè)br標(biāo)簽，并可以控制一定高度和寬度區(qū)域內(nèi)的區(qū)塊樣式3 常用基本CSS樣式 CSS字體樣式fontfamily字體族宋體fontsize字體大小32pxfontstyle字體風(fēng)格normal/italic/obliquefontweight字體加粗100~900/normal/bold/bolder/lighter 文本排版控制letterspacing字符間距10pxwordspacing詞間距8pxtextdecoration文字修飾underline/overline/linethroughtextalign文本對(duì)齊left/center/righttextinden
公司管理相關(guān)推薦
鄂ICP備17016276號(hào)-1