学习css的第一节课
<style>
/* h1,选择器,color,属性,brown,属性值 */
h1{
color: brown;
/* 声明样式 */
}
.a{ /* 类选择器 */
font-size: 30px;
color: cadetblue;
}
#b{
background-color: chartreuse;
}
div{
font-size: 30px;
background-color: darkblue !important;
}
p{
font-family: 微软雅黑;
font-size: 82px;
font-style: italic;/* 斜体 */
font-weight: bolder;/* 粗细 */
/* 值写的很小不见得有效 */
/* 顺序:字体风格,粗细,字体大小,字体类型 */
/* font: italic bolder 82px 隶书 */.a{ /* 类选择器 */
}
h1{
text-align: center;居中
/* <!-- text-indent,line-height ,text-decoration:none> */取消下划线
}
a{
text-decoration: none;/* overline,underline,line0throuth */
}
a:hover{/* 伪类名 */
/* link,没有访问的时候样式 */
/* visited访问后的样式 */
/* hover表示鼠标悬停的样式 */
/* active 表示点击的样式 */
/* 链接的伪类需要按顺序来!!!!!! */
/* 想要visited生效,href需要被访问过 */
color: darkred;
}
a:link{color: red; }
a:visited{color: seagreen;}
a:hover{color: slateblue;}
a:active{color: teal;}
h1{
cursor: wait;
}/* cursor:pointer 超链接指针*/
/* cursor:wait 等待 */
/* cursor:help 寻求帮助 */
/* cursor:default 默认手势 */
/* cursor:text 文本 */
/* cursor:crosshair 一般选择区域用的多 */
</style>
<!-- 样式表 -->
<h3 style="text-shadow: tomato 5px 5px 5px;">文字阴影</h3>
<!-- 颜色,x轴,y轴,模糊半径 -->
target="blank",去下划线
<div style="background-color: crimson;"><!-- 块元素 -->
div是块元素
</div>