<style>
/* 用标签名命名的选择器,我们就叫选择器 */
h1{
/* 声明 */
/* 一条声明,由两部分组成,由属性名:(该属性对应的 值
属性名不能改,官方规定怎么写,你就怎么写;值可以由你任意设置*/
color: pink;
}
p{
/* 字号大小:font就是“字体”,size就是“尺寸”。px是“像素”。
单位必须加,不加不行。 */
font-size: 20px;
/* 字符(文字)颜色: color属性的值,可以是英语单词,比如red、blue、yellow等等;也可以是rgb、十六进制。*/
color: skyblue;
text-align: center;
outline: 1px dashed greenyellow;
}
</style>
</head>
<body>
<h1>大金毛</h1>
<h1>大金毛</h1>
<h1>大金毛</h1>
<p>阿拉斯加</p>
<p>阿拉斯加</p>
<p>阿拉斯加</p>
<p>阿拉斯加</p>
<p>阿拉斯加</p>
<p>阿拉斯加</p>
</body>
效果图:
<style>
h1{
/* 文本颜色 */
color: skyblue;
/* 字号大小 */
/* ctrl+空格 另起一行 */
font-size: 130px;
/* 背景色 ,background就是“背景”
bgc 快捷方法*/
background-color: #fff;
/* fwn 快捷方式 不加粗 */
font-weight: normal;
/* 斜体 fsi快捷方法*/
font-style: italic;
/* 内容水平居中
快捷方法 tac*/
text-align: center;
}
em{
/* 文本颜色 */
color: skyblue;
/* 字号大小 */
/* ctrl+空格 另起一行 */
font-size: 130px;
/* 背景色 */
background-color: #fff;
/* 不倾斜 fsn 快捷方法*/
font-style: normal;
}
i{
/* 文本颜色 */
color: skyblue;
/* 字号大小 */
/* ctrl+空格 另起一行 */
font-size: 130px;
/* 背景色 */
background-color: #fff;
/* 不倾斜 fsn 快捷方法*/
font-style: normal;
}
p{
/* 文本颜色 */
color: aquamarine;
/* 字号大小 */
font-size: 160px;
/* 背景颜色 bgc 快捷方式 */
background-color: #fff;
/* fwb 快捷方式 加粗字体
font是“字体” weight是“重量”的意思,bold粗*/
font-weight: bold;
/* 内容水平居中 */
text-align: center;
}
a{
font-size: 130px;
/* 去除下划线
tdn 快捷方法*/
text-decoration: none;
}
/* 鼠标悬停 */
a:hover{
color: rgb(91, 224, 224);
/* 下划线 */
text-decoration: underline;
}
</style>
</head>
<body>
<h1>李大熊</h1>
<p>hello,李大熊</p>
<em>女人</em>
<i>哈哈</i>
<br><br>
<a href="">百度一下就知道
</a>
效果图:
(百度一下就知道悬停效果会变色)