今天学习的是CSS3美化网页
对于菜鸟的我而言，确实有一定的难度了...
而且，今天使用了HBuilder这个软件去写代码..
今天的学习内容主要围绕着文本样式、网页背景、列表样式、超链接伪装这四个方面去学习的：
一、文本样式
1、span标签
<span class="p1">我是谁<span>
.p1{color:#f00}（在css文件中填写）
通过以上的代码格式，“我是谁”这三个字就变成了红色，并且不会换行，由此可见，span标签起到了让指定字体改变颜色凸显出来的作用。
2、字体样式
顾名思义，就是改变字体的类型（family）、风格（style）、大小（size）、粗细（weight）的。
字体大小：
<div class="p">你是谁</div>
.p{font-size:18px;}
就这样，“你是谁”就变成了18号字了，是不是很神奇。同理可得：
<div class="p">你是谁</div>
.p{font-style:italic;}这个是
.p{font-weight;bold;}这个是粗体
.p{font-family;"宋体";}这个自然而然就是宋体了。
还有最直接的一个：.p{font:italic bold 18px "黑体";}，虽然直接，但是必须按照风格、粗细、大小、类型的顺序才有效，所以一般情况向会选择一项一项的设置。
3、文本属性
主要有颜色（color）、对齐方式（align）、缩进（indent）、行高（line-height）、文本装饰（text-decoration）还有文本阴影(text-shadow)，可用以下代码设置：
<div class="p">她是谁</div>
然后css文件中这样写：
.p{color:#0f0;
text-align:center;
text-indent:1em;line-height:30px;
text-decoration:none;
text-shadow:#ccc 5px 2px 4px;}
意思为，文本内容居中，文本首行缩进1em，行高为30px，无下划线，阴影颜色为灰色，X轴偏移5px，Y轴偏移2px，阴影模糊半径为4px。
二、网页背景
主要分背景颜色和背景图像
1、背景颜色
<div class="p">这是谁<div>
.p{width:200px;
height:300px;
background-color:#f00;}
这个意思为div宽度为200px，高度为300px，背景颜色是红色，注意：div必须要有内容才能显示出背景颜色的效果。
2、背景图片
-
-
-
-
三、列表样式
无序列表主要分为以下样式
none（无标记符号）、disc（实心圆）、circle（空心圆）、square（实心正方形）、decimal（数字）
具体方法如下：
<div class="p">
<ul>
<li>第一</li>
<li>第二</li>
</ul>
</div>
在css中这样写：
li{list-style-type:none;}这个是取消前方的序列标点
li{list-style-type:disc;}实心圆标点
li{list-style-type:circle;}空心圆
li{list-style-type:square;}实心正方形
li{list-style-type:decimal;}数字
四、伪超链接
我们应该都遇到过在网页上面，经常会有一个请登录按钮，鼠标没点到（link）的时候是一种颜色，鼠标放上去不点（hover）是一种颜色，鼠标点了不放（active）是一种颜色，点过之后（visited）又是一种颜色，这就是所谓*的超链接，具体如下：
<a href="" class="p">请登录</a>
在css中这样写：
a:link{color:#000;}
a:hover{color:#f00;}
a:active{color:#00f;}
a:visited{color:#0f0}
意思为没电的时候是黑色，放上去不点悬浮的时候是红色，按住鼠标点住不放是为蓝色，点过访问后为绿色。
今天所学的就是这些，我也不知道算不算是入门的
反正，觉得这一天过的很充实
明天接着加油！！！