第二次作業

1.什么是css語法?

        CSS=選擇器+{聲明1;聲明2;}

2.列舉常見的css選擇器?

        html選擇器  a{},p{}
        class選擇器   .title{}
        id選擇器   #user{}
        通用選擇器  *{}

3.background屬性如何簡寫?

     復合樣式 
     background:url(img/2.jpg) #f7f7f7 no-repeat  fixed 20xp 30xp;

4.文本的屬性有哪些?請寫出font的復合式寫法?

    文本屬性:
                  font-size:文字大小
                  font-weigh: bold  /  normal  文字是否加粗
                  font-style:  italic / normal    文字是否傾斜
                  font-height:    文字行高(文字在一行上下居中)
                  font-family:"字體樣式"  字體
                  color:red; 顏色
                  text-indent:1em  首行縮進(1em=一個文字大?。?                  text-align:left/center/right  文本對齊方式
                  text-decoration:underline(下劃線)/line-through(刪除線)/overline(上劃線)/none(無修飾)
                  letter-spacing:5px;字母間距(字間距)默認字與字之間有1px
                  word-spacing:10px; 詞間距(空格算字符,字體不一樣空格所占字符數不一樣)
      font的復合樣式:
        font: font-weight font-style font-size/line-height font-family;
        其中font-size font-family必須寫

5.text-indent有什么作用?

       表示首行縮進  1em=1個文字大小

6.超鏈接a標簽的作用有哪些?

        <a href="頁面地址">  div </a>點擊后直接跳轉頁面
        <a href=''壓縮包路徑"> div </a> 點擊后直接下載壓縮包
         <a href="#div1"> div1</a> 點即之后直接跳轉到每個id所在的位置
         target="_blank" 在新窗口打開
         target="_self" 在當前窗口打開

7.a標簽默認樣式是什么?

        <a text-decoration:underline> </a>
         a標簽的默認樣式存在下劃線 a標簽默認不換行

8.什么是盒模型?盒模型包括什么?

        CSS盒子模型就是在網頁設計中經常用到的CSS技術所使用的一種思維模型。
盒模型
        盒模式包括: margin border padding content 

9.padding和margin的區別?

        padding是內填充,在元素的邊框以內,內容之外,padding同樣顯示元素的背景
        margin是外邊距,在元素的邊框值外,不顯示元素的背景

10.什么是margin疊加?什么是margin傳遞?

        margin疊加:
        <style>
        #box{width:200px;height:200px;background:red;margin:30px;}
        #div{width:200px;height:200px;background:blue;margin:40px;}
        </style>
        </head>
        <body>
        <div id=" box"></div>
        <div id="div"></div>
        </body>
        margin疊加相鄰倆個元素的上下 ,margin是疊加在一起的,取其中最大的
        

        margin傳遞:
        <style>
        #box1{background:red;}
        #div1{width:200px;height:200px;background:blue;margin:100px;}
        #box2{height:50px;background:yellow;}
        </style>
        </head>
         <body>
         <div id="box1"></div>
            <div id="div1"></div>
         <div id="box2"></div>
           margin傳遞 子元素的上下margin會傳遞給父級

11.列舉幾種常見的語義化標簽?

            section 版塊
            header 頁面的部不或版塊的頭部
            footer  頁面的底部或版塊的底部
            nav 導航
            article 用來在頁面中表示一套結構完整且獨立的內容部分
                       可以用來呈現論壇的一個帖子 雜志或報紙中的一篇
                       文章 一篇博客,用戶提交的評論內容,可互動的頁    
                       面模塊掛件等。
            aside (一班和article配合運用)
                        元素標簽可以包含與當前頁面或主要內容相關的引
                         用、側邊欄、廣告、nav元素組,以及其他類似的
                         有別與主要內容的部分

12.常見的塊元素和內嵌元素有哪些?簡要說一下它們的區別?

            塊元素:
               1.<div>塊</div>
               2.<section>劃分頁面板塊</section>
               3.<header>頭部</header>
                4.<nav>導航</nav>
                5.<footer>底部</footer>
                 6.<article>article</aiticle>
                 7.<aside>article的附屬</aside>
                 8.<ul>
                            <li>無序列表</li>
                            <li>無序列表</li>
                     </ul>
                  9.<ol>
                            <li>無序列表</li>
                            <li>無序列表</li>
                       </ol>
                  10.<dl>
                             <dt>定義列表的項目</dt>
                             <dd>   dt的展開描述</dd>
                       </dl>
                    11.<h1>標題</h1>
                          <h2>標題</h2>
                     12.<p>段落</p>
     
                內嵌:
                         1.<strong>strong</strong>  
                         2.<a href="#">鏈接</a>
                         3.<span>span</span>
                          4.<em>em</em>    

               塊和內嵌的區別
                 塊:1 獨占一行
                         2 支持所有樣式
                         3 不設置寬度時 寬度撐滿整行
                 內嵌:1 可以在一行顯示
                            2 不支持寬高 對上下的margin和padding等樣式支持的有問題
                          3寬度由內容撐開
                           4 代碼換行會被解析

學習總結

            我覺得我的腦子是被僵尸吃掉了..
            視頻太多 看不懂的又翻來覆去的看
            信息量好大 也深深的感覺到前方的路...不好走..
            但還是要踏踏實實的走好每一步
            盡管我會走的很慢...
            這一章的知識點是很雜亂
            font的樣式和特殊的復合樣式
            padding和margin看了好多遍...
            至今也是有點不能理解margin..
            a鏈接的各種運用 路徑的分析
            還有那么多的標簽元素選擇器優先級
            各種標簽的默認樣式
            我需要好好消化一下...
            但是我是不會放棄的 - - !
最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。
  • 序言:七十年代末,一起剝皮案震驚了整個濱河市,隨后出現的幾起案子,更是在濱河造成了極大的恐慌,老刑警劉巖,帶你破解...
    沈念sama閱讀 227,818評論 6 531
  • 序言:濱河連續發生了三起死亡事件,死亡現場離奇詭異,居然都是意外死亡,警方通過查閱死者的電腦和手機,發現死者居然都...
    沈念sama閱讀 98,185評論 3 414
  • 文/潘曉璐 我一進店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人,你說我怎么就攤上這事?!?“怎么了?”我有些...
    開封第一講書人閱讀 175,656評論 0 373
  • 文/不壞的土叔 我叫張陵,是天一觀的道長。 經常有香客問我,道長,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 62,647評論 1 309
  • 正文 為了忘掉前任,我火速辦了婚禮,結果婚禮上,老公的妹妹穿的比我還像新娘。我一直安慰自己,他們只是感情好,可當我...
    茶點故事閱讀 71,446評論 6 405
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著,像睡著了一般。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發上,一...
    開封第一講書人閱讀 54,951評論 1 321
  • 那天,我揣著相機與錄音,去河邊找鬼。 笑死,一個胖子當著我的面吹牛,可吹牛的內容都是我干的。 我是一名探鬼主播,決...
    沈念sama閱讀 43,041評論 3 440
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了?” 一聲冷哼從身側響起,我...
    開封第一講書人閱讀 42,189評論 0 287
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后,有當地人在樹林里發現了一具尸體,經...
    沈念sama閱讀 48,718評論 1 333
  • 正文 獨居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內容為張勛視角 年9月15日...
    茶點故事閱讀 40,602評論 3 354
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發現自己被綠了。 大學時的朋友給我發了我未婚夫和他白月光在一起吃飯的照片。...
    茶點故事閱讀 42,800評論 1 369
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖,靈堂內的尸體忽然破棺而出,到底是詐尸還是另有隱情,我是刑警寧澤,帶...
    沈念sama閱讀 38,316評論 5 358
  • 正文 年R本政府宣布,位于F島的核電站,受9級特大地震影響,放射性物質發生泄漏。R本人自食惡果不足惜,卻給世界環境...
    茶點故事閱讀 44,045評論 3 347
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧,春花似錦、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 34,419評論 0 26
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至,卻和暖如春,著一層夾襖步出監牢的瞬間,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 35,671評論 1 281
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留,地道東北人。 一個月前我還...
    沈念sama閱讀 51,420評論 3 390
  • 正文 我出身青樓,卻偏偏與公主長得像,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當晚...
    茶點故事閱讀 47,755評論 2 371

推薦閱讀更多精彩內容

  • 問答題47 /72 常見瀏覽器兼容性問題與解決方案? 參考答案 (1)瀏覽器兼容問題一:不同瀏覽器的標簽默認的外補...
    _Yfling閱讀 13,774評論 1 92
  • 1.什么是css語法? CSS 語法由三部分構成:選擇器、屬性和值。selector {property: val...
    觸發真爺們兒效果閱讀 169評論 0 1
  • 1.作業 1.1什么是css語法? 答:CSS 語法由三部分構成:選擇器、屬性和值。CSS又名層疊樣式表,選擇器通...
    浩克與浩文閱讀 402評論 1 1
  • 1.什么是CSS語法?css語法有三部分分別是:選擇器 屬性和值。選擇器通常是你希望定義的HTML元素或者標簽,屬...
    一只大粑粑閱讀 228評論 2 1
  • 1.什么是CSS語法? CSS是層疊樣式表,是一種用來表現HTML或XML等文件樣式的計算機語言。CSS 語法由三...
    趙雪兒閱讀 234評論 0 0