Web前端入門學(xué)習(xí)（1）——走進(jìn)前端世界-創(chuàng)新互聯(lián)

前端基礎(chǔ)知識

創(chuàng)新互聯(lián)公司專注于企業(yè)全網(wǎng)整合營銷推廣、網(wǎng)站重做改版、隆安網(wǎng)站定制設(shè)計、自適應(yīng)品牌網(wǎng)站建設(shè)、成都h5網(wǎng)站建設(shè)、成都商城網(wǎng)站開發(fā)、集團(tuán)公司官網(wǎng)建設(shè)、外貿(mào)營銷網(wǎng)站建設(shè)、高端網(wǎng)站制作、響應(yīng)式網(wǎng)頁設(shè)計等建站業(yè)務(wù)，價格優(yōu)惠性價比高，為隆安等各大城市提供網(wǎng)站開發(fā)制作服務(wù)。

前端開發(fā)語言：
HTML（Hypertext Markup Language）：超文本標(biāo)記語言；
CSS（Cascading Style Sheets）：層疊樣式表；
JS（JavaScript）：腳本語言。
樣式表:
行間樣式表、內(nèi)部樣式表、外部樣式表。
樣式
樣式格式：屬性名：屬性值；
常見樣式：
border：1px solid red
border-width：1px
border-style：solid
border-color：red
常見顏色模式：
關(guān)鍵字：red yellow blue white...
rgb:(123,12,44)
十六進(jìn)制：#3f3f3f
盒子邊框
border-top：1px solid red
border-right：1px solid red
border-bottom：1px solid red
border-left：1px solid red
背景
background-color
background-p_w_picpath
background-repeat:(no-repeat repeat-x repeat-y repeat inherit)
background-position:(top right bottom left 30px 20px 50% 30% inherit)
background-p_w_upload:(srcoll fixed inherit)
background復(fù)合：blue url(./a.img) no-repeat 20px 30px fixed;
文字設(shè)置
font-weight:(normal bold bolder lighter 100~900(normal:400,blod:700) inherit)
font-style:(normal italic oblique inherit)
font-size:字體大小
line-height:行高
font-family:元素字體
font復(fù)合：font-style font-weight font-size/line-hight font-family
文本設(shè)置
color
text-align
text-indent
text-decoration
letter-spacing
word-spacing
white-space:(normal pre nowrap pre-wrap pre-line inherit)
超鏈接
a:link 未訪問過的鏈接；
a:visited 已訪問過的鏈接；
a:hover 鼠標(biāo)放在鏈接上時；
a:active 鏈接被點擊的那一刻；
規(guī)則：a:hover必須放在a:link和a:visited后面，a:active 必須放在a:hover后面。
download下載：點擊下載href指定的地址內(nèi)容。
target：_blank _self _parent _topfilename
base標(biāo)簽：在<head>頭部為頁面上所有鏈接規(guī)定默認(rèn)目標(biāo)。
此處僅作了解，后篇文章會深入講解。
padding填充
padding-top padding-rihgt padding-bottom padding-left
padding:15px 20px 18px 25px
上填充:15px
右填充:20px
下填充:18px
左填充:25px
padding:10px 20px 15px
上填充:10px
左右填充:20px
下填充:15px
padding:20px 15px
上下填充:20px
左右填充:15px
填充（內(nèi)邊距）:相當(dāng)于給盒子填充了厚度，會影響盒子的大小。
margin外邊距
margin-top margin-rihgt margin-bottom margin-left
margin:15px 20px 18px 25px
上邊距:15px
右邊距:20px
下邊距:18px
左邊距:25px
padding:10px 20px 15px
上邊距:10px
左右邊距:20px
下邊距:15px
padding:20px 15px
上下邊距:20px
左右邊距:15px
padding:100px auto 0px
上邊距:100px
左右邊距:居中
下邊距:0px
盒子模型
盒子大小：邊距、邊框、填充、內(nèi)容。
盒子寬度：margin-left + border-left + padding-left + width + padding-right + border-right + margin-right；
盒子高度：margin-top + border-top + padding-top + height + padding-bottom + border-bottom + margin-bottom；

Web前端入門學(xué)習(xí)（1）——走進(jìn)前端世界

創(chuàng)新互聯(lián)www.cdcxhl.cn，專業(yè)提供香港、美國云服務(wù)器，動態(tài)BGP最優(yōu)骨干路由自動選擇，持續(xù)穩(wěn)定高效的網(wǎng)絡(luò)助力業(yè)務(wù)部署。公司持有工信部辦法的idc、isp許可證，機(jī)房獨有T級流量清洗系統(tǒng)配攻擊溯源，準(zhǔn)確進(jìn)行流量調(diào)度，確保服務(wù)器高可用性。佳節(jié)活動現(xiàn)已開啟，新人活動云服務(wù)器買多久送多久。

文章題目：Web前端入門學(xué)習(xí)（1）——走進(jìn)前端世界-創(chuàng)新互聯(lián)
文章鏈接：http://www.chinadenli.net/article34/dodhpe.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)站排名、網(wǎng)站制作、電子商務(wù)、搜索引擎優(yōu)化、商城網(wǎng)站、建站公司

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源：創(chuàng)新互聯(lián)

猜你還喜歡下面的內(nèi)容

欧美一区二区三区老妇人-欧美做爰猛烈大尺度电-99久久夜色精品国产亚洲a-亚洲福利视频一区二区

Web前端入門學(xué)習(xí)（1）——走進(jìn)前端世界-創(chuàng)新互聯(lián)