<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>
</body>
</html>
样式可以分为三种写法
1.行内式
<html>
<head>
<meta charset="utf-8">
<title>学习二十大 永远跟党走 奋进新征程”主题教育实践活动网页</title>
</head>
<body>
<!-- 这是行内式样式 -->
<div style="width: 100%;text-align: center;">
<div >
学习二十大 永远跟党走 奋进新征程”主题教育实践活动网页
</div>
</div>
</body>
</html>
2.外链式
<html>
<head>
<meta charset="utf-8">
<title>学习二十大 永远跟党走 奋进新征程”主题教育实践活动网页</title>
<!-- 这是外链式样式 -->
<link rel="stylesheet" type="text/css" href="../css/111.css"/>
</head>
<body>
<div >
<div >
学习二十大 永远跟党走 奋进新征程”主题教育实践活动网页
</div>
</div>
</body>
</html>
3.内嵌式
<html>
<head>
<meta charset="utf-8">
<title>学习二十大 永远跟党走 奋进新征程”主题教育实践活动网页</title>
<!-- 这是内嵌式样式 -->
<style type="text/css">
.diyige{
width: 100%;
text-align: center;
}
</style>
</head>
<body>
<div class="diyige">
<div >
学习二十大 永远跟党走 奋进新征程”主题教育实践活动网页
</div>
</div>
</body>
</html>
其中熟知的样式
转换的样式（
display: block;（将行标签转换为块标签）
display: inline-block;（display: inline;及块标签）
display: inline;（display: inline;将块标签转换为行标签）
）
文字样式(
font-size: ;(字体大小)
font-family: ;（字体型号如宋体）
font-weight: ;（字体粗细）
line-height: ;（行高）
text-indent ;( 首行缩进 )
text-align: center;（文本居中）
)
边距（
margin: ;（内边距）
padding: ;（外边距）{内容看数量，如果内部是两个：则前面的为上下，后面的为左右
如果内部是三个：则前面的为上，中间的为左右，后面的为下
如果内部是四个：顺序则为 ：上:右:下:左}
）
背景（
background: ;（背景，这是符合属性，可以直接添加多个样式比如 颜色（color） 位置（bottom底部）图片 等。）
）
内容大小（
width: ;（宽度）
height: ;（高度）
）
悬浮（
float: ;（悬浮）
）
定位（
position: relative;（相对定位）
position: absolute;（绝对定位）
）
取消样式（
list-style: none;（取消样式）
text-decoration: none;（取消文本装饰效果）
）
/* 清除浮动 */
.clearfix:after {
height: 0;
display: block;
/* 清除左右浮动*/
clear: both;
visibility: hidden;（ visibility 属性规定元素是否可见。
visible 元素可见。
hidden 元素不可见。）
content: "";（容纳内容）
}
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
