<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<style>
h5{
color : darkblue;
}
</style>
</head>
<body>
<h5>不同的html元素有不同的布局类型,一下是一些类型:</h5>
<h3>块元素</h3>
显示时在新行(另起一块)开始,例如:
<ul>
<li>段落<p></p></li>
<li>标题<h1></h1></li>
<li>表格<ul></ul><br/>注意<br/>只是内联元素的换行符,不会切换到新的块</li>
<li><div>元素:作为容器的块元素,常配合CSS样式使用</li>
</ul>
<h3>内联元素</h3>
显示不以新行(另起一块)开始,例如:
<ul>
<li>图片<img></li>
<li>链接<a></a></li>
<li>着重<b></b></li>
<li><span>元素:作为文本元素的容器</li>
<li>框架iframe<br/>
html5中frame是过时标签,不再考虑,可使用iframe代替。iframe是内联框架<br/>
框架的作用,按我的理解是,一个frame就是一个独立的UI逻辑可以本页面完全不同的互动模块
</li>
</ul>
<h5>简单介绍CSS和样式</h5>
<ul>
<li>CSS作用</li>改变指定的html标签的样式(只能对body内的元素起作用)
<li>样式的使用方法
<ol>
<li>在头中使用<link>引入CSS文件(也称样式表stylesheet)</li>
<li>直接在头中使用<style>定义样式</li>
<li>改变具体标签的style属性,又称内联样式</li>
</ol>
</li>
</ul>
<h3>CSS选择器语法规则</h3>
<ul>
<li>CSS选择器:即为希望改变样式的html标签,可分多个大括号定义同一个标签,也可以一个大括号对多个标签定义</li>
<li>文本装饰:选择器内的某个属性可以去多个值,比如上划线和下划线。但这些值必须在同一个选择器顶以内。使用none值删除属性</li>
<li>嵌套元素的样式继承和覆盖规则</li>
<li>class类的规则</li>
<li>解决冲突定义:“更特定原则”以及最后定义优先规则</li>
</ul>
CSS内置的特殊规则:Web Font将自定义字体传给用户浏览器。用法固定,为 @font-face{...}
</body>
</html>
HTML入门(二)基本布局、样式
最新推荐文章于 2023-04-11 16:58:34 发布