1.什么是語言?
語言:交流工具。
人與人之間的溝通交流,我們會用到各種語言,比如:漢語,英語等。
作為一個前端工程師,要與瀏覽器溝通交流,就要用到瀏覽器所能識別的語言。
2.html--結構 超文本標記語言
css--樣式 層疊樣式表
js(javascript)--行為
3.html 超文本標記語言
標簽對:
<標記></標記>
<html></html>
單標簽:
直接在后面斜杠結束的標簽
<標記/>
<br/>
4.樣式的分類
行間樣式表 <div ></div>
內部樣式表 <style type="text/css"> </style>
外部樣式表 <link href=" " rel="stylesheet" type="text/css"/>
5. 樣式 --background
屬性:屬性值;
width 寬度
height 高度
background 背景
background-p_w_upload:fixed;背景是否滾動
background-color:red;背景顏色
background-p_w_picpath:url(bg.jpg); 背景圖片
background-repeat:no-repeat;背景圖片不重復
background-position:center 0px;背景圖的位置
6.樣式--border
border 邊框
border-width 邊框寬度
border-style 邊框樣式
border-color 邊框顏色
邊框樣式:
solid 實現
dashed 虛線
dotted 點線(IE6不兼容)
7.樣式--paddding
padding 內邊距
padding-top 上邊內邊距
padding-right 右邊內邊距
padding-bottom 下邊內邊距
padding-left 左邊內邊距
【注意:】內邊距相當于給一個盒子加了填充后都會影響盒子的大小。
8.樣式--margin
margin 外邊距
外邊距的問題
上下外邊距會疊壓
父子級包含的時候子級的margin-top會傳遞給父級(內邊距來替代外邊距)
9.盒子模型
盒子大小=border+padding+width/height
盒子寬度=左border+左padding+width+右padding+右border
盒子高度=上border+上padding+height+下padding+下border
10.常見樣式-文本設置
font-size 文字大小
font-family 字體
color 文字顏色
line-height 行高
text-align 文本對齊方式
font-indent 首行縮進(em縮進字符)
font-style 文字傾斜
font-weight 文字著重
font-decoration 文字修飾
免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。