当前位置: 首页 > news >正文

标记的属性:

1.标记的属性:

<标签名 属性名 = “值” 属性名=“值”>

2.调用样式的三种方式:引入外部样式的方法、内部样式、行内样式

当样式设置发生冲突时, 就近原则

3.权重大小依次为:行内>内部>外部

(1)外部

<link rel="stylesheet" type="text/css" href="css/style01.css"/>

(2)内部

(3)行内样式

我是标题一

4.属性和样式的区别与联系

Tips: 样式能实现的效果,属性不一定能实现;反过来,属性能实现的,样式一定能实现.

头部标记

1.标记的名称、单还是双标记

2.标记的功能

3.标记的使用方法和注意事项

1.HTML5文档头部相关标记
<meta/> <link> <style></h6> <style type="text/css">body{background-color: orange; }h1{color: #fff;}</style> <pre><code></head> </code></pre> <p>(1)属性控制文本</p> <!--用属性控制文本居中--> <pre><code> <h1 align="center">我是用属性控制的标题</h1> </code></pre> <p>(2)行内样式设置文本居中</p> <!--用行内样式设置水平居中--> <pre><code> <h1 style="text-align:center">我是用行内样式控制标题一</h1> </code></pre> <h6 id="2设置背景颜色">2.设置背景颜色</h6> <p>/<em>设置背景颜色为红色</em>/<br> body{<br> background-color: red;<br> }</p> <h6 id="3子页">3.子页</h6> <head><meta charset="UTF-8"><title>子页</title><link rel="stylesheet" type="text/css" href="../css/sub01.css"></head> ###### 4.输入输出语句测试 <script>var a=prompt('请输入你的爱好')alert('我的爱好是跑步') </script> <h6 id="转义字符">转义字符</h6> <p>eg.</p><body><script>alert("祝愿大家:\n学习进步!\n更上一层楼!");</script>" ​ </body>
http://www.jsqmd.com/news/502123/

相关文章:

  • 通义千问1.5-1.8B-Chat-GPTQ-Int4效果展示:Transformer架构轻量化推理性能实测
  • OpenClaw本地部署 vs 星图一键部署OFA-Image-Caption:方案对比与选型指南
  • PyTorch vs TensorFlow:大模型文件格式实战指南(附代码示例)
  • 终极iOS系统版本适配指南:vsouza/awesome-ios多版本支持策略全解析
  • Kaggle竞赛实战:用TensorFlow2搞定Severstal钢板缺陷检测(附完整代码解析)
  • StructBERT情感分类模型在旅游评论分析中的创新应用
  • 3大维度彻底攻克ComfyUI视频合成节点缺失问题
  • 无需代码的文本分类神器:AI万能分类器WebUI快速上手体验
  • YOLO11快速部署指南:一键安装,无需配置,开箱即用
  • MiniCPM-V-2_6入门必看:C语言调用模型API的完整示例
  • 3DDFA:如何用单张图片实现高精度三维人脸重建
  • 基于Fay数字人框架的虚拟主持人互动游戏道具系统:从搭建到实战完整指南
  • 如何使用BlurAdmin构建响应式表单:动态字段与复杂验证完整指南
  • PE Tools常见问题解答:解决逆向工程中的典型问题与挑战
  • 如何解决CKEditor编辑器粘贴Word文档时公式乱码的问题?
  • SmallThinker-3B-Preview模型服务化:使用Dify平台构建可视化AI工作流
  • 革新性数据看板:重新定义个人知识管理的工作方式
  • 腾讯混元翻译模型Hunyuan-MT-7B效果展示:多语言翻译实测对比
  • Clawdbot+Qwen3:32B实战:一键部署私有AI对话网关
  • Kingbase数据库运维实战:这些高频命令帮你省下80%时间(附场景案例)
  • 从需求到落地:2026园区专用边缘计算盒子厂家推荐 - 品牌2026
  • RT-1背后的秘密:为什么Transformer能成为具身智能的最佳选择?
  • Gemma-3-12b-it本地AI助手升级指南:集成OCR+语音输入多模态入口
  • ABB机器人有效载荷测定实战:如何用LoadIdentify程序快速校准搬运夹具参数
  • 科幻角色设计宝库:LumiPixel Canvas Quest生成外星种族与未来人类
  • DeepChat多平台部署指南:3大系统×6个关键步骤实现跨平台兼容
  • Pi0 Robot Control Center快速部署:Docker镜像构建与8080端口自定义配置
  • 阿里通义Z-Image-Turbo实战:用AI为电商生成高质感产品概念图
  • 什么是初始访问权限?如何用它落实最小权限原则
  • 如何高效获取中小学电子课本:教师与学生的实用下载工具指南