css 學(xué)習(xí)筆記【二】-背景,漸變,鏈接文檔的MIME類,id選擇器和類選擇器的區(qū)別

      網(wǎng)友投稿 866 2025-04-05

      CSS3背景

      四種背景屬性:

      background-image:添加背景圖片。不同的背景圖像和圖像用逗號(hào)隔開。

      css 學(xué)習(xí)筆記【二】-背景,漸變,鏈接文檔的MIME類,id選擇器和類選擇器的區(qū)別

      background-size:指定背景圖像的大小,可指定像素或者百分比的大小,是相對(duì)于父元素的寬度和高度的百分比的大小。

      background-origin:指定了背景圖像的位置區(qū)域

      background-clip:背景裁剪屬性是從指定位置開始繪制。

      CSS3漸變

      漸變可以讓我們?cè)趦蓚€(gè)或者多個(gè)顏色之間顯示平穩(wěn)的過渡。

      兩種類型的漸變:

      Linear Gradients:線性漸變-向下/向上/向左/向右/對(duì)角方向

      Radial Gradients:徑向漸變,由它們的中心定義

      線性漸變:

      語法:background:linear-gradient(direction, color-stop1, color-stop2, …);

      線性漸變默認(rèn)情況是從上到下。

      從左到右的線性漸變:

      #grad {undefined

      background: -webkit-linear-gradient(left, red, blue);

      background: -o-liner-gradient(right, red, blue);

      background: -moz-linear-gradient(right, red, blue);

      background: linear-gradient(to right, red, blue);/標(biāo)準(zhǔn)語法/

      }

      從左上角開始到右下角的漸變:

      設(shè)置方向?yàn)椋簂eft top/bottom right/to bottom right(標(biāo)準(zhǔn)語法下)

      使用角度對(duì)方向進(jìn)行設(shè)置:

      這里的角度是指水平線和漸變線之間的角度。So 0deg將創(chuàng)建一個(gè)從下到上的漸變,90deg將創(chuàng)建一個(gè)從左到右的漸變。

      使用透明度:

      支持透明度,用于創(chuàng)建減弱變淡的效果。

      為了添加透明度,使用rgba()函數(shù)來定義顏色結(jié)點(diǎn)。rgba()函數(shù)中的最后一個(gè)參數(shù)可以是從0到1的值,它定義了顏色的透明度:0表示完全透明,1表示完全不透明。

      href值為外部資源地址,這里是css的地址

      rel定義當(dāng)前文檔與被鏈接文檔之間的關(guān)系,這里是外部css樣式表即stylesheet

      type規(guī)定被鏈接文檔的MIME類,這里是值為text/css

      (首先這是百度說的),第二說說我在做這個(gè)部分遇到的幾個(gè)問題:

      第一就是格式,我們?cè)谕獠拷⒏袷奖淼臅r(shí)候,一定要記得通過重命名將文本改成.css格式。還有就是與html里建立連接的代碼格式一定不要寫錯(cuò)。

      第二,這個(gè)問題我也沒有找出原因,按理說這行代碼存在就是為了提高兼容性,但是我建立了同樣的表,在chrome里完全打不開,但是在bing里面就能打開。

      行內(nèi)插入就是像屬性的插入方法一樣,用style=某些格式來進(jìn)行插入:

      (這是我沒有在標(biāo)簽中鏈接外表,而是直接在我需要更改的標(biāo)簽格式內(nèi)容里進(jìn)行更改)

      This is a heading

      <--! 這就是直接對(duì)h1標(biāo)簽內(nèi)容進(jìn)行格式更改,用屬性添加的辦法>

      This is a paragraph.

      id選擇器和類選擇器的區(qū)別

      ① 類選擇器(class)好比人的名字,一個(gè)人可以有多個(gè)名字,同時(shí)一個(gè)名字也可以被多個(gè)人使用。

      ② id 選擇器好比人的身份證號(hào)碼,全中國是唯一的,不得重復(fù)。

      ③ id 選擇器和類選擇器最大的不同在于使用次數(shù)上。

      ④ 類選擇器在修改樣式中用的最多,id 選擇器一般用于頁面唯一性的元素上,經(jīng)常和 javaScript 搭配使用。

      CSS

      版權(quán)聲明:本文內(nèi)容由網(wǎng)絡(luò)用戶投稿,版權(quán)歸原作者所有,本站不擁有其著作權(quán),亦不承擔(dān)相應(yīng)法律責(zé)任。如果您發(fā)現(xiàn)本站中有涉嫌抄襲或描述失實(shí)的內(nèi)容,請(qǐng)聯(lián)系我們jiasou666@gmail.com 處理,核實(shí)后本網(wǎng)站將在24小時(shí)內(nèi)刪除侵權(quán)內(nèi)容。

      版權(quán)聲明:本文內(nèi)容由網(wǎng)絡(luò)用戶投稿,版權(quán)歸原作者所有,本站不擁有其著作權(quán),亦不承擔(dān)相應(yīng)法律責(zé)任。如果您發(fā)現(xiàn)本站中有涉嫌抄襲或描述失實(shí)的內(nèi)容,請(qǐng)聯(lián)系我們jiasou666@gmail.com 處理,核實(shí)后本網(wǎng)站將在24小時(shí)內(nèi)刪除侵權(quán)內(nèi)容。

      上一篇:excel表格怎么畫圣誕樹? excel圣誕樹的畫法
      下一篇:開店項(xiàng)目管理
      相關(guān)文章
      亚洲国产精品一区二区第一页免| 国产精品亚洲专区无码WEB| 国产青草亚洲香蕉精品久久| 亚洲国产人成在线观看| 久久久久久亚洲AV无码专区| 亚洲AV无码久久| 亚洲成色WWW久久网站| 久久亚洲国产午夜精品理论片| 亚洲综合在线另类色区奇米| 不卡一卡二卡三亚洲| 久久99亚洲综合精品首页| 国产成人精品久久亚洲| 亚洲综合国产精品第一页| 久久精品亚洲男人的天堂| 久久亚洲精品无码播放| 亚洲国产成人爱av在线播放| 亚洲精品国产自在久久| 亚洲人成电影在线播放| 亚洲综合在线另类色区奇米| 亚洲国产精品国自产拍AV| 国产aⅴ无码专区亚洲av| 亚洲AV永久无码区成人网站| 亚洲爱情岛论坛永久| 久久亚洲AV成人无码国产| 亚洲美女自拍视频| 亚洲成电影在线观看青青| 亚洲av乱码一区二区三区香蕉| 中文字幕 亚洲 有码 在线| 亚洲人成电影网站色www| 国产精品亚洲一区二区无码| 亚洲午夜爱爱香蕉片| 亚洲热线99精品视频| 亚洲AV成人片色在线观看| 亚洲综合男人的天堂色婷婷| 亚洲区视频在线观看| 亚洲一区二区三区成人网站| 欧美亚洲精品一区二区| 亚洲免费一区二区| 亚洲国产精品无码久久SM| 亚洲高清中文字幕综合网| 精品日韩99亚洲的在线发布|