H5+CSS3

HTML5标签

1、废弃的标签: acronym 、applet、 basefont 、big、 center、 dir、 font、 frame、 frameset 、noframes、 strike

新增标签

1 语义和结构标签

a. 注释注解标签

<ruby>

英雄

<rt>ying xiong</rt>

</ruby>

b. 描述文档细节

<details>

<summary><summary>

</details>

c. 进度条

<progress value="0" max="100" id="pro">请升级浏览器</progress>

d. 导航链接标签 nav

e. 布局结构标签

header 定义文档的页眉部分

main 定义网页的主要内容部分

section 定义文档中的区段

article 文章内容部分

aside 定义其所处内容之外的内容,个人理解 侧边栏

footer 文档中的页脚部分

f. 内嵌框架标签 iframe

src 定义显示文档的url地址

frameborder 是否显示框架周围的边框 0 表示不显示 1表示不显示

marginHeight 定义顶部和底部的边距

marginWidth 定义左侧和右侧的边距

scrolling 是否显示滚动条 yes 显示 | no 不显示 | auto 自动

 媒体标签

a. 视频标签

video controls 是否显示播放面板

autoplay 自动播放 由于浏览器会拦截自动播放声音的视频,因此需要加上 muted 属性

muted 静音输出

poster 在视频为播放前,显示的图像(封面)

loop 设置视频循环播放

b. 音频标签

audio controls 是否显示播放面板

autoplay 自动播放 由于浏览器会拦截自动播放声音的视频,因此需要加上 muted 属性

muted 静音输出

loop 设置视频循环播放

表单相关

表单信息分组

[fidisabled——禁用整组表单元素]

<fieldset>

        <legend>

        分组标题

        <legend>

</fieldset>

  • 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、付费专栏及课程。

余额充值