008_HTML块、类

HTML块

HTML元素可分为块级元素、内联元素

块级元素在显示时，前后分行；内联元素显示时，前后连接

 

<div> 块级元素

没有特殊含义，一个块级元素，用于组合其他HTML元素的容器

与css一同使用，可对整个内容块设置样式属性

常用于文档布局，去嗲了使用表格定义布局的老方法，<table>元素的作用是显示表格化的数据

 

<span> 内联级元素

没有特殊含义，一个内联元素，可用作文本的容器

与css一同使用，<span>元素可用于为部分文本设置样式属性

 

 

--------------------------------------------------------------------------------------------------------------------------

HTML类

对HTML分类设置后，可为元素的类定义css样式

<!DOCTYPE html>

<head>

<style>

.cities{

background-color:balck;

color:white;

margin:20px;

paddiing:20px;}

</style>

</head>

<div class="cities">

<h2>London</h2>

<p>London is the capital city of England. It is the most populous city in the United Kingdom.</p>

</div>

</body>

</html>

 

 

<!DOCTYPE html>

<html>

<head>

<style>

span.red {color:red;}

</style>

</head>

<h1>My <span class="red">Important</span>Heading</h1>

</body>

</html>

 

posted @ 2020-02-28 23:03  林远  阅读(131)  评论(0)    收藏  举报