HTML5学习笔记-Day3

最新推荐文章于 2024-10-10 22:10:24 发布

唐艽岚

最新推荐文章于 2024-10-10 22:10:24 发布

阅读量67

点赞数

分类专栏： HTML学习笔记文章标签： html5 css3 html css

本文链接：https://blog.csdn.net/qq_38066597/article/details/118538500

版权

HTML学习笔记专栏收录该内容

6 篇文章 0 订阅

订阅专栏

Day3 CSS选择器格式化文本

标签选择器 p {}
类选择器	.className {key: vakue;}
id选择器	#idName {key: value;}
通配符选择器	* {key: value}
<head>
<style>//css写在head标签里面
body {
    background-color: red;

    font-style: normal; // italic-斜体

    font-weight: normal; // bold(700)粗|bolder更粗|lighter细|数字100~900

    font-size: 16px;

    font-family: "微软雅黑", sans-serif;

    font: font-style font-weight font-size/line-height font-family;

    font: italic 700 16px, "微软雅黑";/*复合属性(需要按照顺序*/

    font: 12px/24px Consolas; /*字体大小12px,行高24px*/

    font: 12px/1.5 Consolas; /*字体大小12px,1.5倍行高*/
}
div {
    color: black;			//文本颜色1.预置颜色2.#FFFFFF 3.#fff

    text-align: center; 	//水平对齐方式left(default)|right

    text-indent: 2em; 	//文本缩进1em = 1font-size

    text-decoration: none;//underline(default)|overline|line-through

    text-height: 26px;	//包括上间距下间距和字高
}
</style>
</head>

内部样式表:写在<style></style>标签里

行内样式表:<p style="key: valye;"></p>

外部样式表:放在*.css文件中<link rel="stylesheet" href="css路径">导入