html h1转换为行内,html/css基础知识第二课(作业一)：h1~h6等块级元素和行内元素及互相转换...

实例

html>

文本控制

.m h1{

font-weight:bold; /*粗体*/

font-size:40px;/*大小*/

font-family:楷体；/*字体*/

}

#php{

font-size:40px;

text-align:center;/*对齐 left right*/

height:100px;/*高度*/

background:#bbb;/*背景*/

line-height:100px;/*行高*/

}

.m span{

font-size:100px;/*大小*/

font-weight:bold;/*粗体*/

}

.m img{

width:300px;

height:400px;

}

.m b{

display:block;/*转换块元素*/

width:300px;/*宽*/

height:40px;/*高*/

background:pink;/*背景*/

overflow:hidden;/*溢出隐藏*/

}

.m b:hover{overflow:visible;} /*默认值 元素会被完全显示，呈现在元素框之外*/

h1标签

h2标签

h3标签

h4标签

h5标签

h6标签

7月8日零点，由文牧野执导，徐峥、王传君、谭卓、章宇等出演的电影《我不是*神》正式上映第四日，票房突破10亿大关。该片自7月5日正式上映起就登顶单日票房榜，目前已连续蝉联3天冠军宝座。《我不是*神》海报@视觉中国7月4日之前，《我不是*神》未播先火，预售票房1.6亿。7月5日首映票房就达到了1.6亿，7月7日周六，票房达到了惊人的3.8亿，累计票房破6亿。7月8日凌晨，《我不是*神》票房累计达到10亿。

粗体标签b

php中文网

斜体标签I

定义着重字em

定义删除字标签

常用文本容器标签span

预格式  文本   标签pre

1

2

行内块元素

3

4

5

php中文网

php中文网

G

o

o

g

l

e

据Engadget消息，谷歌可能让多款Chromebook支持Windows 10系统。谷歌正在研发一种新功能Campfire，它可让Pixelbook同时支持Chrome OS和Windows 10。前提是笔记本硬件必须达到运行Windows 10的最基本标准。此外安装Windows10至少需要40GB存储空，

据Engadget消息，谷歌可能让多款Chromebook支持Windows 10系统。谷歌正在研发一种新功能Campfire，它可让Pixelbook同时支持Chrome OS和Windows 10。前提是笔记本硬件必须达到运行Windows 10的最基本标准。此外安装Windows10至少需要40GB存储空，。

运行实例 »

点击 "运行实例" 按钮查看在线实例

手写代码：