HTML入门(二)基本布局、样式

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <style>
        h5{
            color : darkblue;
        }
    </style>
</head>
<body>
<h5>不同的html元素有不同的布局类型,一下是一些类型:</h5>
<h3>块元素</h3>
显示时在新行(另起一块)开始,例如:
<ul>
    <li>段落&#60p>&#60/p></li>
    <li>标题&#60h1>&#60/h1></li>
    <li>表格&#60ul>&#60/ul><br/>注意<br/>只是内联元素的换行符,不会切换到新的块</li>
    <li>&#60div>元素:作为容器的块元素,常配合CSS样式使用</li>
</ul>
<h3>内联元素</h3>
显示不以新行(另起一块)开始,例如:
<ul>
    <li>图片&#60img></li>
    <li>链接&#60a>&#60/a></li>
    <li>着重&#60b>&#60/b></li>
    <li>&#60span>元素:作为文本元素的容器</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>在头中使用&#60link>引入CSS文件(也称样式表stylesheet)</li>
            <li>直接在头中使用&#60style>定义样式</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>

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值