H5+CSS学习笔记004

H5新标签概览
article标签:定义有个独立内容区块:一篇文章、一个视频文件等
可以嵌套其他元素,可以有自己的头、尾、主题等内容,使用时要注意内容的独立性,一般对于独立完整的内容才使用article元素
如果只是一段内容应该使用section元素
section标签:定义一个区域,如文章的章节等。
可以定义文档的主题内容,作用就是给内容分段,给页面分区。与div的区别:div强调形式上的独立,section强调内容上的独立性。

nav标签:定义目录导航
aside标签:定义侧边栏
也可以用于定义article元素之外的内容,前提是这些内容与article元素内的内容相关
同时也可以嵌套在article元素内部使用,作为主体内容的附属信息,比如参考资料等

figure/figcaption:定义一组媒体内容以及它们的标题
header/footer标签:定义一个头部/底部
hgroup标签:标题分组
address标签:地址联系、信息等

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
回答: 对于H5+CSS3的静态项目,你可以按照以下步骤进行编写: 1. 首先,确定你想要使用的样式表类型。内部样式表可以放在`<style></style>`标签中,一般放在`<head>`标签中;行内样式表可以直接写在元素标签内部,使用`style="属性: 值;"`的格式;外部样式表可以单独写在一个后缀为.css的文件中,然后在HTML文件中使用`<link rel="stylesheet" href="路径">`引入。 2. 根据CSS语法规范,可以使用`<link>`标签来引入外部样式表。你可以在`<link>`标签中使用`media`属性来指定样式表适用的媒体类型和媒体特性。 3. 如果你想使用Less来编写CSS,你可以搜索并安装Easy Less插件。这个插件可以让你在Less文件中修改信息后,自动将Less文件编译成CSS文件,并将CSS文件引入到页面中。这样,每次保存Less文件时,CSS文件都会自动更新。 4. 在编写Less文件时,你可以使用Less的嵌套功能,将相关的样式规则组织在一起,提高代码的可读性和维护性。 总结起来,你可以使用内部样式表、行内样式表或外部样式表来编写H5+CSS3的静态项目。如果想使用Less来编写CSS,可以安装Easy Less插件,并在Less文件中使用嵌套功能来组织样式规则。 #### 引用[.reference_title] - *1* *2* *3* [h5(html5)+css3+移动端前端](https://blog.csdn.net/weixin_58997863/article/details/125744540)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^control_2,239^v3^insert_chatgpt"}} ] [.reference_item] [ .reference_list ]
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值