標籤：cut name tag 四十 hit 指定 描述 微軟雅黑 輸出
前端學習？1.HTML是什嗎？HTML，全稱“Hyper Text Markup Language（超文字標記語言 (HTML)）”，簡單來說，網頁就是用HTML語言製作的。HTML是一門描述性語言，是一門非常容易入門的語言。
2.CSS是什嗎？CSS，全稱“（層疊樣式表）”。以後我們在別的地方看到“層疊樣式表”、“CSS樣式”，指的就是CSS。
3.JavaScript?JavaScript是一門指令碼語言。
HTML基本文法文法規範1.標籤嵌套用縮排 2.標籤名不區分大小寫，建議小寫 3.屬性名稱也不區分大小寫
常用HTML實體注意都需要加；
  空格
< 小於
> 大於
& &
© 著作權
¥ ￥
標籤單標籤有：目前有，待更新<meta > <link > <br> <hr> 其餘都為雙標籤
<!--這是注釋 -->
html常用標籤主體結構：<html> </html>
<head> </head>
<body> </body>
HEAD標籤內：<meta charset = ‘utf-8‘> meta 內可以指定元素資訊，關鍵字描述等
<title> </title> 網站標題
<style> </style> 各種格式設定等
<link rel=‘stylesheet‘ type=‘text/css‘ href=‘./01.css‘> 串連css
<link rel=‘shortcut icon‘ type=‘image/x-icon‘ href=‘./01.ico‘> 設定標題邊上的表徵圖
<script> </script> 連javascript
格式排版標籤<h1> </h1>一級標題，共可有六級標題
<p> </p>段落
<pre> </pre>段落
<br> 換行
<hr> 分割線
<div> </div>
文字標籤<em> </em> 表示強調，一般為斜體
<strong> </strong> 表示強調，一般為加粗
<mark> </mark> 選中
<ins> </ins> 新增的內容，表現為下滑線
<del> </del> 新增的內容，表現為把斜杠
<sub> </sub> 下標
<sup> </sup> 上標
<ruby> 帥<rt>shuai<rt></ruby>css基本文法
/* 注釋內容 */
選取器選取器 { css屬性:值； css屬性:值；}#id 按id選擇.class 按class選擇class>li 只選子標籤中liclass li class中所有的li* 全域選取器群組選取器: 通過混用多個選取器精確定位到一個含有某個特徵的選取器 } body,ul,li,p,figure,table,.item,.list-item { }多條件：通過混用多個選取器精確定位到多個含有某個特徵的選取器 div.item { } .item.list-item { } div#container { }選取器優先順序：id > class > tagname > *若為群組選取器，按上述方法，若相同則按個數多的來css長度單位
cm
mm
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基礎上不保證縮排
python學習第四十二天：前端基礎
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
