體驗(yàn)課01

Day01

什么是HTML鞭盟？

HTML 是用來描述網(wǎng)頁的一種語言。
HTML 指的是超文本標(biāo)記語言 (Hyper Text Markup Language)格二。
通向 WEB 技術(shù)世界的鑰匙
目前網(wǎng)絡(luò)上應(yīng)用最為廣泛的語言
構(gòu)成網(wǎng)頁文檔的主要語言

本次案例中用到的HTML標(biāo)簽

header標(biāo)簽（頭部標(biāo)簽）劈彪，div標(biāo)簽（塊標(biāo)簽），nav標(biāo)簽（導(dǎo)航欄標(biāo)簽）顶猜，ul標(biāo)簽（無序列表標(biāo)簽）沧奴，li標(biāo)簽（列表項(xiàng)標(biāo)簽）

代碼示例：

<header>
    <div class="left">
        沈陽
    </div>
    <nav>
        <ul>
            <li class="choose1">正在熱映</li>
            <li class="choose">即將上映</li>
        </ul>
    </nav>
</header>

a標(biāo)簽（超鏈接標(biāo)簽），img標(biāo)簽（圖像標(biāo)簽）

<a href="go.html"><img src="image/a西虹市首富.jpg" alt="" class="mianimg"></a>

strong標(biāo)簽（字體加粗標(biāo)簽）长窄，p標(biāo)簽（段落標(biāo)簽）

                    <strong>西虹市首富</strong>
                    <p>觀眾評(píng)分 <span class="score">9.1</span></p>

什么是CSS滔吠？

CSS是Cascading style Sheets的簡(jiǎn)稱，我們叫做“層疊樣式表”挠日。
它用來美化我們的頁面疮绷。

本次案例中設(shè)計(jì)到的css相關(guān)知識(shí)點(diǎn)

css的使用方式（最常用的外部樣式表的使用）

1.新建一個(gè)外部的.css為擴(kuò)展名的文件
2.在html文檔中head標(biāo)簽中使用link標(biāo)簽引入外部的css文件

<link rel="stylesheet" href="demoStye.css">

css的基本語法

基本語法.png

css的基本選擇器（這里只介紹兩種）

基本選擇器.png

本次案例中用到的CSS屬性

font-size 改變字體大小
font-weight 改變字體粗細(xì)程度
color 改變字體顏色
text-decoration 改變文本裝飾
text-align 設(shè)置文本水平對(duì)齊方式
line-height 設(shè)置文本行高
margin 設(shè)置外邊距
width 設(shè)置寬度
height 設(shè)置高度
background 設(shè)置背景
float 設(shè)置浮動(dòng)
border 設(shè)置邊框
clear 清除浮動(dòng)
padding 設(shè)置內(nèi)邊距
position 設(shè)置定位
z-index 設(shè)置文本堆疊順序

最后編輯于：2018.08.07 14:37:53

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者