web html5 css3 新特性總結與實踐

2021-08-13 22:22:13 字數 1166 閱讀 7048

1.開始

lang="en">

charset=utf-8>

2 致敬a標籤

html5的一大好處就是可以把多個元素放到a標籤裡。

href="">

h2>

p>

a>

3 新語義元素

文件的主內容指的是文件中特有的內容,導航連線,版權資訊,站點標誌,廣告和搜尋表單等多個文件中重複出現的內容不算主內容。

作者的聯絡資訊應該放在address元素中

h1到h6不能用於標記副標題,字幕,廣告語,除非想把它們用作新區塊或子區塊的標題。

4 文本級元素

em元素表示內容中需要強調的部分。

以突出不同文字形式的方式表達偏離正文的意思。

5 作廢的html特性

strike,center,font,acronym,frame,frameset

1 css響應式多列布局:把一段文字分成多列顯示

column-width

:12em;

2 列數固定,寬度可變:

column-count

:4;

3 新增列間距和分隔線(要新增**商字首)

column-gap

:2em;

column-rule

:thin

dotted

#999

column-width

:12em

4 斷字

word-wrap

:break-word;

5 截短文本

width

:520px;

overflow

:hidden;

text-overflow

:ellipsis;

white-space

:no-wrap;

CSS3有哪些新特性?CSS3新特性詳解

本篇文章給大家帶來的內容是關於css3有哪些新特性?css3新特性詳解,有一定的參考價值,有需要的朋友可以參考一下,希望對你有所幫助。新增選擇器 p nth child n 彈性盒模型 display flex 多列布局 column count 5 查詢 media max width 480px...

html5和css3新特性

1易用簡潔 指令碼和連線無需type html5新增加的一些標籤和特性如下 1.無需寫type,指令碼和連線 2.新增加標籤標記元素mark高亮顯示 audio video 如下figure input新增屬性 placeholder required autofocus 新增正規表示式在input...

Html5與CSS3新特性

新增的語義化標籤 新增的多 標籤 音訊標籤 檔案位址 video 檔案位址 audio 屬性 屬性屬性值 描述autoplay autoplay control control loop loop muted muted 新增的input表單type型別 新增的表單屬性新增屬性選擇器 權重為10,注...