欧美色欧美亚洲高清在线观看,国产特黄特色a级在线视频,国产一区视频一区欧美,亚洲成a 人在线观看中文

  1. <ul id="fwlom"></ul>

    <object id="fwlom"></object>

    <span id="fwlom"></span><dfn id="fwlom"></dfn>

      <object id="fwlom"></object>

      黑馬程序員php培訓(xùn):4天帶你搞定CSS視頻教程(8)(精選五篇)

      時間:2019-05-12 18:45:42下載本文作者:會員上傳
      簡介:寫寫幫文庫小編為你整理了多篇相關(guān)的《黑馬程序員php培訓(xùn):4天帶你搞定CSS視頻教程(8)》,但愿對你工作學(xué)習(xí)有幫助,當(dāng)然你在寫寫幫文庫還可以找到更多《黑馬程序員php培訓(xùn):4天帶你搞定CSS視頻教程(8)》。

      第一篇:黑馬程序員php培訓(xùn):4天帶你搞定CSS視頻教程(8)

      當(dāng)父元素?zé)o法測定子元素的高度

      盒子里面的內(nèi)容浮動起來了,那么他就脫離標(biāo)準(zhǔn)流了,所以這時候父元素盒子就不能精確的檢測到它內(nèi)部的內(nèi)容到底有多高,父元素會變成一根線,完全沒背撐開;

      解決:給父元素自動overflow:hidden,,這個屬性可以觸發(fā)盒子的haylayout屬性(是否是布局),就可以精確檢測一下內(nèi)部的高度;盒子就會自動撐開了

      腳下留心:overflow可以觸發(fā)除了ie6以外的瀏覽器的haslayout屬性。Zoom:1可以觸發(fā)ie6的haslayout屬性,通過zoom:1來兼容ie6.例題:雪

      核心代碼如下:

      上面的css是分開寫的,我們可以合在一起寫,上面的代碼等價于如下:

      例題:西湖春天

      需要注意的地方

      1、塊盒子要左右排列,將左右排列的盒子全部左浮動

      2、塊盒子的邊界左自動,右自動是將盒子居中

      3、文字的盒子向下移動30px,方法有三種

      a)第一種:以part4為標(biāo)準(zhǔn),使用padding-top:30px;b)第二種:以wenzi為標(biāo)準(zhǔn),使用margin-top:30px c)第三種:以wenzi為標(biāo)準(zhǔn),使用padding-top:30px

      4、內(nèi)減模式

      a)默認(rèn)情況下,盒子的尺寸是外加模式,盒子實際寬度=盒子的寬度+填充+邊框粗細(xì)。所以很多情況下,指定了填充以后,盒子尺寸會變大,解決方法:我們可以使用內(nèi)減模式,就是指定盒子的寬度就是總寬度,如果指定填充,盒子中內(nèi)容的寬度-填充=實際內(nèi)容的寬度。b)代碼:box-sizing:border-box;

      5、將圖片居中

      a)第一種方法:part1的text-align:center;b)第二種方法:img也是一個盒子,塊盒子的左自動,右自動是居中。

      #content #center #part1 img{ margin-left:auto;margin-right:auto;display:block;/*如果不是塊顯示,左自動右自動不居中*/ } 完整代碼

      第二篇:黑馬程序員php培訓(xùn):4天帶你搞定CSS視頻教程

      標(biāo)簽的顯示模式

      行顯示標(biāo)記

      標(biāo)記是從左往右排稱為行顯示標(biāo)記 特性:

      1、從左往右排列

      2、不指定高度默認(rèn)高度是0

      3、不指定寬度默認(rèn)寬度是0

      4、行顯示標(biāo)記不能指定寬度和高度

      5、轉(zhuǎn)換成塊顯示:display:block 多學(xué)一招:如果標(biāo)記轉(zhuǎn)成塊顯示以后,可以設(shè)定寬度和高度,但是排列變成了上下排列,如果要實現(xiàn)左右排列,同時設(shè)定寬度和高度,可以將顯示模式設(shè)置為display:inline-block;塊顯示標(biāo)記

      標(biāo)記從上往下排稱為塊顯示標(biāo)記 特性:

      1、從上往下排

      2、如果不指定寬度默認(rèn)寬度是100%

      3、如果不指定高度,高度是0px

      4、可以設(shè)置寬度和高度

      拼版中所以用非常多的兩個塊標(biāo)記

      1、2、塊顯示標(biāo)記

      跨段塊標(biāo)記,div中可以標(biāo)題,段落,圖片,文字

      1、2、行顯示標(biāo)記

      跨字符塊標(biāo)記,span中只能放文字

      Div + Css 排版優(yōu)點

      執(zhí)行效率高。

      學(xué)完div+css后思考為什么div+css執(zhí)行效率高?

      盒子模型

      什么是盒子?

      只要是能存放內(nèi)容的標(biāo)簽都是盒子。最大的盒子是HTML標(biāo)記

      邊界(margin):盒子的外面叫邊界,邊界有四個,上下左右 填充(padding):盒子的里面叫填充,填充有四個,上下左右 邊框(border):盒子的本身有邊框,邊框有四個,上下左右 練習(xí)

      CSS例題一(邊框和邊界)

      請輸入您的信息: >” id=“btn” />

      CSS例題二(細(xì)線表格)

      學(xué)號 姓名 性別 年齡
      1 令狐沖 22
      2 任盈盈 18
      3 任我行 55

      例題:銀杏的葉子

      /*背景圖片*/ /*背景不平鋪*/

      /*沿著y軸平鋪*/ /*左填充是110px*/

      銀杏的優(yōu)點

      1.葉色秀雅,花色清淡。
      2.樹體高大,壽命綿長,樹粗可達(dá)4米,壽命可達(dá)3000年之多。固長與古老寺廟相配伍,以名山大川、風(fēng)景名勝為伴。
      3.樹干光潔,愈傷力強,輕微的損傷很快便可愈合。
      4.發(fā)芽晚落葉早,有利于早春和晚秋樹下能及時得到和曖的陽光。
      5.銀杏冠大蔭濃,具有降溫作用;直射陽光下,氣溫高達(dá)40.20c,銀杏樹下的氣溫僅為35.30c。降溫4.90c,優(yōu)于其它樹種。
      6.萌蘗力強、耐修剪。根際萌蘗旺盛,可以形成五代同堂”,懷中抱孫”等自然風(fēng)景。
      7.銀杏絕少病蟲害,不污染環(huán)境,是著名的無公害樹種。
      8.抗旱力較強。
      9.抗煙塵、抗火災(zāi)、抗有毒氣體(如二氧化硫、氨氣、臭氧等),抗輻射能力也強。

      第三篇:黑馬程序員php培訓(xùn):4天帶你搞定CSS視頻教程

      按CSS的位置來分類

      1、內(nèi)嵌樣式:在HTML頁面中以結(jié)束,這里邊的樣式只能供本頁面使用

      2、外部樣式:寫一個css文件,在需要使用css的頁面中引入外部css。我們可以將頁面公用的css寫到外部css中

      3、行內(nèi)樣式:通過元素的style屬性直接寫的樣式。

      內(nèi)嵌樣式

      在HTML頁面的內(nèi)部嵌入樣式

      行內(nèi)樣式

      通過元素的style屬性直接寫的樣式 <標(biāo)記 style=’樣式’ >

      外部樣式

      首先新建一個css文件。在HTML頁面中鏈接或?qū)氲姆椒▉硪猛獠繕邮健?/p>

      1、鏈接外部樣式

      語法: rel:表示鏈接的類型,這個屬性不能省略 rel=“stylesheet”表示鏈接的類型是樣式表

      type=“text/css”:表示這個文件是css文本

      2、導(dǎo)入外部樣式

      3、鏈接樣式和導(dǎo)入樣式的區(qū)別

      鏈接樣式只能在HTML頁面中引入外部樣式

      導(dǎo)入樣式既可以在HTML中導(dǎo)入外部樣式也可以在樣式文件中導(dǎo)入外部樣式

      注釋

      1、HTML注釋

      2、CSS注釋

      /* CSS注釋 */ 注釋是給開發(fā)人員看的,不參加計算機的執(zhí)行。

      第四篇:黑馬程序員php培訓(xùn):4天帶你搞定CSS視頻教程(10)

      Css的方法

      border-radius:用來做圓角矩形

      border-radius后面的參數(shù)和margin類似,記憶的時候?qū)⒕匦雾槙r針旋轉(zhuǎn)45度。

      border-radius:30px;

      第五篇:黑馬程序員php培訓(xùn):4天帶你搞定CSS視頻教程(14)

      表單元素新增的三個屬性

      required:必填字段

      autofocus:自動獲得焦點 placeholder:默認(rèn)顯示內(nèi)容

      HTML5表單的變化

      HTML5的表單元素可以不放在表單域中,可以通過id關(guān)聯(lián)起來

      新增的inpu元素

      郵件:
      網(wǎng)址:
      年齡:
      紅色:
      顏色:
      年月日:
      年月:
      年周:
      時間:
      年月日時間:
      地區(qū):


      搜索:

      音頻播放

      方法一:

      Controls:表示顯示控制面板 Autoplay:自動播放

      如果不支持此音頻格式,顯示

      如果不支持第一個音頻就播放下一個。

      視頻播放

      方法一:

      方法二:

      偽對象選擇器

      :before在盒子的前面插入(內(nèi)部的前面):after在盒子的后面插入(內(nèi)部的后面)

      Content是用來插入內(nèi)容,如果沒有內(nèi)容,content也必須要寫,content的內(nèi)容是空。

      汗滴禾下土,
      下載黑馬程序員php培訓(xùn):4天帶你搞定CSS視頻教程(8)(精選五篇)word格式文檔
      下載黑馬程序員php培訓(xùn):4天帶你搞定CSS視頻教程(8)(精選五篇).doc
      將本文檔下載到自己電腦,方便修改和收藏,請勿使用迅雷等下載。
      點此處下載文檔

      文檔為doc格式


      聲明:本文內(nèi)容由互聯(lián)網(wǎng)用戶自發(fā)貢獻自行上傳,本網(wǎng)站不擁有所有權(quán),未作人工編輯處理,也不承擔(dān)相關(guān)法律責(zé)任。如果您發(fā)現(xiàn)有涉嫌版權(quán)的內(nèi)容,歡迎發(fā)送郵件至:645879355@qq.com 進行舉報,并提供相關(guān)證據(jù),工作人員會在5個工作日內(nèi)聯(lián)系你,一經(jīng)查實,本站將立刻刪除涉嫌侵權(quán)內(nèi)容。

      相關(guān)范文推薦