Html5 Css3不得不知的知识点

  1. css有个content属性吗?有什么作用?有什么应用?
  2. css的content属性专门应用在 before/after 伪元素上,用来插入生成内容。最常见的应用是利用伪类清除浮动。

    //一种常见利用伪类清除浮动的代码

    .clearfix:after {

        content:"."; //这里利用到了content属性

        display:block;

        height:0;

        visibility:hidden;

        clear:both; }

     .clearfix {

            *zoom:1;

        }

after伪元素通过 content 在元素的后面生成了内容为一个点的块级素,再利用clear:both清除浮动。

css计数器(序列数字字符自动递增)吗?如何通过css content属性实现css计数器?

答案:css计数器是通过设置counter-reset 、counter-increment 两个属性 、及 counter()/counters()一个方法配合after / before 伪类实现。

在 HTML5 页面中嵌入音频

HTML 5 包含嵌入音频文件的标准方式,支持的格式包括 MP3、Wav 和 Ogg:

<audio controls> 

  <source src="jamshed.mp3" type="audio/mpeg"> 

   Your browser does'nt support audio embedding feature. 

</audio>

在 HTML5 页面中嵌入视频

支持的格式包括:MP4、WebM 和 Ogg

<video width="450" height="340" controls> 

  <source src="jamshed.mp4" type="video/mp4"> 

Your browser does'nt support video embedding feature. 

 

</video> 

HTML5 引入什么新的表单属性

Datalist   datetime   output   keygen  date  month  week  time  number   range   emailurl

CSS3新增伪类有那些

 p:nth-child(2n+1)  选择属于其父元素的第二个子元素的每个 <p> 元素。

 :enabled、:disabled 控制表单控件的禁用状态。

:checked,单选框或复选框被选中。

语义的html代码

文字包裹在元素中,用以反映内容。例如:

段落包含在 <p> 元素中。

顺序表包含在<ol>元素中。

从其他来源引用的大型文字块包含在<blockquote>元素中。

HTML 元素不能用作语义用途以外的其他目的。例如:

<h1>包含标题,但并非用于放大文本。

<blockquote>包含大段引述,但并非用于文本缩进。

空白段落元素 ( <p></p> ) 并非用于跳行。

文本并不直接包含任何样式信息。例如:

不使用 <font> 或 <center> 等格式标记。

类或 ID 中不引用颜色或位置。

 

HTML5的离线储存

localStorage    长期存储数据,浏览器关闭后数据不丢失;

sessionStorage  数据在浏览器关闭后自动删除。

写出HTML5的文档声明方式

 

<!DOCTYPE html>

HTML5和CSS3的新标签

HTML5: nav, footer, header, section, hgroup, video, time, canvas, audio

 

CSS3: RGBA, opacity, text-shadow, box-shadow, border-radius, border-image, 

border-color, transform...;

标签语义化的理解

 

猜你喜欢

转载自blog.csdn.net/qq_43141894/article/details/82527565