前端基礎

時間 2019-11-09

標籤前端基礎简体版

原文原文鏈接

前端學習？

1.HTML是什麼？

HTML，全稱「Hyper Text Markup Language（超文本標記語言）」，簡單來講，網頁就是用HTML語言製做的。HTML是一門描述性語言，是一門很是容易入門的語言。javascript

2.CSS是什麼？

CSS，全稱「（層疊樣式表）」。之後咱們在別的地方看到「層疊樣式表」、「CSS樣式」，指的就是CSS。css

3.JavaScript?

JavaScript是一門腳本語言。html

HTML基本語法

語法規範

1.標籤嵌套用縮進 2.標籤名不區分大小寫，建議小寫 3.屬性名也不區分大小寫前端

經常使用HTML實體

注意都須要加；java

&nbsp 空格ruby

&lt 小於學習

&gt 大於字體

&amp &網站

&copy 版權url

&yen ￥

css基本語法

/* 註釋內容 */

選擇器

選擇器 {
    css屬性:值；
    css屬性:值；
}

#id 按id選擇

.class 按class選擇

class>li 只選子標籤中li

class li class中全部的li

* 全局選擇器

羣組選擇器: 經過混用多個選擇器精肯定位到一個含有某個特徵的選擇器
 }

 body,ul,li,p,figure,table,.item,.list-item {

 }

多條件：經過混用多個選擇器精肯定位到多個含有某個特徵的選擇器
 div.item {

 }
 .item.list-item {

 }
 div#container {

 }


選擇器優先級：
id > class > tagname > *
若爲羣組選擇器，按上述方法，若相同則按個數多的來

css長度單位

px像素

em倍數

%百分比

顏色單位

rgb(123,132,123) rgb(12%,13%,12%) #13a2b5 三個十六進制表示

css經常使用屬性

font-family 字體族科宋體(襯線字體)|微軟雅黑(非襯線字體)

font-size 字體大小

font-style 字體風格 normal | italic | oblique (斜體,通常用於italic)

font-weight 字體加粗 normal | bold | lighter (加粗,通常用bold)

font-cariant 字體變形 normal | small-caps (字體比原來字體小,適用於英文大寫字母)

font : bold italic 12px '宋體',serify;

文本屬性

letter-spacing 字母間隔值爲長度,能夠是負值(可適用於中文)

word-spacing 詞的間距(經過空格識別)

text-decoration 文字修飾

    underline # 下劃線
    overline # 字符頭頂的上劃線
    line-through # 穿過字符的線
    none(默認)

text-align 橫向排列 left | right | center # 字體位置

vertical-align 通常用於圖片和文字, 使用middle後文字能在圖片長度的中間

text-indent 文本縮進通常用2em(2個字)50px

line-height 設置行間距離,若是隻有一行文本而且行間距離=設置的文本框長度,則文本會垂直居中

word-wrap:break-word;容許長單詞，url內部換行

overflow-wrap CSS3中新增的，等同於word-wrap

white-space:

     nomal 默認
     pre 原格式輸出
     nowrap 不換行
     pre-wrap pre基礎上加上換行
     pre-line pre基礎上不保證縮進

相關標籤/搜索

每日一句

每一个你不满意的现在，都有一个你没有努力的曾经。

前端基礎

前端學習？

1.HTML是什麼？

2.CSS是什麼？

3.JavaScript?

HTML基本語法

語法規範

經常使用HTML實體

標籤

html經常使用標籤

主體結構：

HEAD標籤內：

格式排版標籤

文本標籤

css基本語法

選擇器

css長度單位

顏色單位

css經常使用屬性

文本屬性