<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>内联式css样式02</title>
<style type="text/css">
/*
在style标签里书写css样式
*/
/*如何找到想要设置样式的元素???*/
/*选择器*/
div {
background:yellow;
height:200px;
line-height:200px;
/*text-align:文本或图片的对齐方式:left,center,right.默认左对齐*/
text-align:center;
}
/*当所开发的网站只有一个网页时,建议使用该书写css样式的方法*/
/*学习中常用,工作时一般不用*/
span {
background:red;
}
/*
内联式引入css样式:
缺点:不具有针对性;
优点:1.设置样式快速;
2.符合W3C理念;
3.代码整洁,清爽.
*/
</style>
</head>
<body>
<div>这是一个div</div>
<span>这是一span</span>
</body>
</html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>内联式css样式02</title>
<style type="text/css">
/*
在style标签里书写css样式
*/
/*如何找到想要设置样式的元素???*/
/*选择器*/
div {
background:yellow;
height:200px;
line-height:200px;
/*text-align:文本或图片的对齐方式:left,center,right.默认左对齐*/
text-align:center;
}
/*当所开发的网站只有一个网页时,建议使用该书写css样式的方法*/
/*学习中常用,工作时一般不用*/
span {
background:red;
}
/*
内联式引入css样式:
缺点:不具有针对性;
优点:1.设置样式快速;
2.符合W3C理念;
3.代码整洁,清爽.
*/
</style>
</head>
<body>
<div>这是一个div</div>
<span>这是一span</span>
</body>
</html>