- HTML 教程
- HTML 简介
- HTML 编辑器
- 基本的 HTML 标签 - 四个实例
- HTML 元素
- HTML 属性
- HTML 标题
- HTML 段落
- HTML 样式
- HTML 文本格式化
- HTML 引用
- HTML 计算机代码元素
- HTML 注释
- HTML CSS
- HTML 链接
- HTML 图像
- HTML 表格
- HTML 列表
-
HTML 和
- HTML 类
- HTML 布局
- HTML 响应式 Web 设计
- HTML 框架
- HTML Iframe
- HTML 背景
- HTML 脚本
- HTML 头部元素
- HTML 字符实体
- HTML 统一资源定位器
- HTML URL 字符编码
- HTML Web Server
- HTML 颜色
- HTML 颜色名
- HTML
- HTML 4.01 快速参考
- XHTML 简介
- XHTML - 元素
- XHTML - 属性
- HTML 表单
- HTML 表单元素
- HTML 输入类型
- HTML Input 属性
- HTML5 简介
- HTML5 浏览器支持
- HTML5 新元素
- HTML5 语义元素
- HTML5 迁移
- HTML(5) 样式指南和代码约定
- HTML5 Canvas
- HTML5 内联 SVG
- HTML 5 Canvas vs. SVG
- HTML 多媒体
- HTML Object 元素
- HTML 音频
- HTML 视频
- HTML5 地理定位
- HTML5 拖放
- HTML 本地存储
- HTML5 应用程序缓存
- HTML Web Workers
- HTML Server-Sent 事件
- HTML 实例
- HTML 测验
- 你已经将 HTML 教程学习完毕,下一步该学习什么呢?
- HTML 参考手册
- HTML 全局属性
- HTML 事件属性
- HTML 元素和有效的 DTD
- HTML 颜色名
- HTML 字符集
- HTML ASCII 参考手册
- HTML 语言代码参考手册
- HTTP 状态消息
- HTML 参考手册
HTML 类 修改教程上一节 : HTML对 HTML 进行分类(设置类),使我们能够为元素的类定义 CSS 样式。
为相同的类设置相同的样式,或者为不同的类设置不同的样式。
实例
<!DOCTYPE html> <html> <head> <style> .cities { background-color:black; color:white; margin:20px; padding:20px; } </style> </head> <body> <div class="cities"> <h2>London</h2> <p> London is the capital city of England. It is the most populous city in the United Kingdom, with a metropolitan area of over 13 million inhabitants. </p> </div> </body> </html>
分类块级元素
HTML <div> 元素是块级元素。它能够用作其他 HTML 元素的容器。
设置 <div> 元素的类,使我们能够为相同的 <div> 元素设置相同的类:
实例
<!DOCTYPE html> <html> <head> <style> .cities { background-color:black; color:white; margin:20px; padding:20px; } </style> </head> <body> <div class="cities"> <h2>London</h2> <p>London is the capital city of England. It is the most populous city in the United Kingdom, with a metropolitan area of over 13 million inhabitants.</p> </div> <div class="cities"> <h2>Paris</h2> <p>Paris is the capital and most populous city of France.</p> </div> <div class="cities"> <h2>Tokyo</h2> <p>Tokyo is the capital of Japan, the center of the Greater Tokyo Area, and the most populous metropolitan area in the world.</p> </div> </body> </html>
分类行内元素
HTML <span> 元素是行内元素,能够用作文本的容器。
设置 <span> 元素的类,能够为相同的 <span> 元素设置相同的样式。
实例
<!DOCTYPE html> <html> <head> <style> span.red {color:red;} </style> </head> <body> <h1>My <span class="red">Important</span> Heading</h1> </body> </html>
上一节 : HTML如果觉得JSRUN的教程对您有用,请随意打赏。您的支持将鼓励JSRUN继续提供更好的服务
捐助JSRUNES6 教程 Vue.js 教程 JSON 教程 jQuery 教程 HTML 教程 HTML 5 教程 CSS 教程 CSS3 教程 JavaScript 教程 DHTML 教程 JSON在线格式化工具 jsfiddle中国国内版本JSRUN前端教程共编系统是国内最先开创的教程维护系统, 所有工程师都可以参与共同维护的本前端教程,让知识的积累变得统一完整、自成体系。 希望广大工程师能一起参与进共编,让零散在世界各处的知识点找到组织、找到家。X选择支付方式:
立即支付
¥ 9.99请使用支付宝扫码支付, 有效时间 5分0秒
超过有效时间后请立即停止支付。
支付故障请联系QQ:565830900因10.00元通道已占用,系统建议您支付9.99元正在生成二维码, 此过程可能需要15秒钟谢谢支持,我一定会更加努力的