h5新增標(biāo)簽、css3新增屬性

- h6新增的標(biāo)簽

讓客戶滿意是我們工作的目標(biāo)，不斷超越客戶的期望值來(lái)自于我們對(duì)這個(gè)行業(yè)的熱愛(ài)。我們立志把好的技術(shù)通過(guò)有效、簡(jiǎn)單的方式提供給客戶，將通過(guò)不懈努力成為客戶在信息化領(lǐng)域值得信任、有價(jià)值的長(zhǎng)期合作伙伴，公司提供的服務(wù)項(xiàng)目有：域名申請(qǐng)、網(wǎng)頁(yè)空間、營(yíng)銷軟件、網(wǎng)站建設(shè)、黑龍江網(wǎng)站維護(hù)、網(wǎng)站推廣。

新增元素	說(shuō)明
video	表示一段視頻并提供播放的用戶界面
audio	表示音頻
canvas	表示位圖區(qū)域
source	為video和audio提供數(shù)據(jù)源
track	為video和audio指定字母
svg	定義矢量圖
code	代碼段
figure	和文檔有關(guān)的圖例
figcaption	圖例的說(shuō)明
main
time	日期和時(shí)間值
mark	高亮的引用文字
datalist	提供給其他控件的預(yù)定義選項(xiàng)
keygen	秘鑰對(duì)生成器控件
output	計(jì)算值
progress	進(jìn)度條
menu	菜單
embed	嵌入的外部資源
menuitem	用戶可點(diǎn)擊的菜單項(xiàng)
menu	菜單
template
section
nav
aside
article
footer
header

- css3 
css3被劃分為模塊，最重要的幾個(gè)模塊包括：選擇器、框模型、背景和邊框、文本效果、2D/3D 轉(zhuǎn)換、動(dòng)畫、多列布局、用戶界面

• 選擇器

• 框模型

• 背景和邊框 
  border-radius、box-shadow、border-image、 
  background-size：規(guī)定背景圖片的尺寸 
  background-origin：規(guī)定背景圖片的定位區(qū)域 
  background-clip：規(guī)定背景的繪制區(qū)域

• 文本效果（常用） 
  text-shadow：設(shè)置文字陰影 
  word-wrap：強(qiáng)制換行 
  word-break 
  css3提出@font-face規(guī)則，規(guī)則中定義了font-family、font-weight、font-style、font-stretch、src、unicode-range

• 2/3D轉(zhuǎn)換 
  transform：向元素應(yīng)用2/3D轉(zhuǎn)換 
  transition：過(guò)渡

• 動(dòng)畫

• @keyframes規(guī)則： 
  animation、animation-name、animation-duration等

• 用戶界面（常用） 
  box-sizing、resize 
  css3新增偽類 
  ：nth-child() 
  ：nth-last-child() 
  ：only-child 
  ：last-child 
  ：nth-of-type() 
  ：only-of-type() 
  ：empty 
  ：target 這個(gè)偽類允許我們選擇基于URL的元素，如果這個(gè)元素有一個(gè)識(shí)別器（比如跟著一個(gè)#），那么:target會(huì)對(duì)使用這個(gè)ID識(shí)別器的元素增加樣式。 
  ：enabled 
  ：disabled 
  ：checked 
  ：not

1.CSS3邊框：

• border-radius：CSS3圓角邊框。在 CSS2 中添加圓角矩形需要技巧，我們必須為每個(gè)圓角使用不同的圖片，在 CSS3 中，創(chuàng)建圓角是非常容易的，在 CSS3 中，border-radius 屬性用于創(chuàng)建圓角。border：2px solid;

• box-shadow：CSS3邊框陰影。在 CSS3 中，box-shadow 用于向方框添加陰影。box-shadow:10px 10px 5px #888888;

• border-image：CSS3邊框圖片。通過(guò) CSS3 的 border-image 屬性，您可以使用圖片來(lái)創(chuàng)建邊框。border-image：url(border.png) 30 30 round;

　2.CSS3背景：

• background-size： 屬性規(guī)定背景圖片的尺寸。在 CSS3 之前，背景圖片的尺寸是由圖片的實(shí)際尺寸決定的。在 CSS3 中，可以規(guī)定背景圖片的尺寸，這就允許我們?cè)诓煌沫h(huán)境中重復(fù)使用背景圖片。您能夠以像素或百分比規(guī)定尺寸。如果以百分比規(guī)定尺寸，那么尺寸相對(duì)于父元素的寬度和高度。

• background-origin ：屬性規(guī)定背景圖片的定位區(qū)域。背景圖片可以放置于 content-box、padding-box 或 border-box 區(qū)域。

3.CSS3文字效果：

• text-shadow：在 CSS3 中，text-shadow 可向文本應(yīng)用陰影。text-shadow:5px 5px 5px #FFFFFF;

• word-wrap :單詞太長(zhǎng)的話就可能無(wú)法超出某個(gè)區(qū)域，允許對(duì)長(zhǎng)單詞進(jìn)行拆分，并換行到下一行：p{word-wrap:break-word;}

4.CSS3 2D轉(zhuǎn)換：

transform：通過(guò) CSS3 轉(zhuǎn)換，我們能夠?qū)υ剡M(jìn)行移動(dòng)、縮放、轉(zhuǎn)動(dòng)、拉長(zhǎng)或拉伸。

• translate()：元素從其當(dāng)前位置移動(dòng)，根據(jù)給定的 left（x 坐標(biāo)） 和 top（y 坐標(biāo)） 位置參數(shù)：transform：translate（50px,100px）;值 translate(50px,100px) 把元素從左側(cè)移動(dòng) 50 像素，從頂端移動(dòng) 100 像素。

• rotate()：元素順時(shí)針旋轉(zhuǎn)給定的角度。允許負(fù)值，元素將逆時(shí)針旋轉(zhuǎn)。transform:rotate(30deg);值 rotate(30deg) 把元素順時(shí)針旋轉(zhuǎn) 30 度。

• scale():元素的尺寸會(huì)增加或減少，根據(jù)給定的寬度（X 軸）和高度（Y 軸）參數(shù)：transform:scale(2,4);值 scale(2,4) 把寬度轉(zhuǎn)換為原始尺寸的 2 倍，把高度轉(zhuǎn)換為原始高度的 4 倍。

• skew():元素轉(zhuǎn)動(dòng)給定的角度，根據(jù)給定的水平線（X 軸）和垂直線（Y 軸）參數(shù)：transform:skew(30deg,20deg);值 skew(30deg,20deg) 圍繞 X 軸把元素轉(zhuǎn)動(dòng) 30 度，圍繞 Y 軸轉(zhuǎn)動(dòng) 20 度。

• matrix() :

  matrix() 方法把所有 2D 轉(zhuǎn)換方法組合在一起。

  matrix() 方法需要六個(gè)參數(shù)，包含數(shù)學(xué)函數(shù)，允許您：旋轉(zhuǎn)、縮放、移動(dòng)以及傾斜元素。

5.CSS3 3D轉(zhuǎn)換：

• rotateX()：元素圍繞其 X 軸以給定的度數(shù)進(jìn)行旋轉(zhuǎn)。transform：rotateX(120deg);

• rotateY()：元素圍繞其 Y 軸以給定的度數(shù)進(jìn)行旋轉(zhuǎn)。transform：rotateY(120deg);

6.CSS3 過(guò)渡：當(dāng)元素從一種樣式變換為另一種樣式時(shí)為元素添加效果。

7.CSS3動(dòng)畫：通過(guò) CSS3，我們能夠創(chuàng)建動(dòng)畫，這可以在許多網(wǎng)頁(yè)中取代動(dòng)畫圖片、Flash 動(dòng)畫以及 JavaScript。

8.CSS3多列：

• column-count：屬性規(guī)定元素應(yīng)該被分隔的列數(shù)。

• column-gap：屬性規(guī)定列之間的間隔。

• column-rule ：屬性設(shè)置列之間的寬度、樣式和顏色規(guī)則。

9.CSS3用戶界面：

• resize：屬性規(guī)定是否可由用戶調(diào)整元素尺寸。

• box-sizing：屬性允許您以確切的方式定義適應(yīng)某個(gè)區(qū)域的具體內(nèi)容。

• outline-offset ：屬性對(duì)輪廓進(jìn)行偏移，并在超出邊框邊緣的位置繪制輪廓。

當(dāng)前名稱：h5新增標(biāo)簽、css3新增屬性
瀏覽路徑：http://www.muchs.cn/article42/ijsgec.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供微信小程序、靜態(tài)網(wǎng)站、網(wǎng)站策劃、動(dòng)態(tài)網(wǎng)站、搜索引擎優(yōu)化、網(wǎng)站排名

廣告

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