1.1.字体样式

p03_01.png

注意:可以在一个样式中设置所有字体属性:font:italic bold 36px “宋体”;

1.2.文本样式

p03_02.png

补充: p{ text-indent: 2em; } 设置首行缩进(可以px或em)

1.3.尺寸样式

p03_03.png

1.4.列表样式

p03_04.png

1.5.背景样式

p03_05.png

1.6.鼠标样式

实例:cursor:pointer;
p03_06.png

1.7.伪类样式

p03_07.png

1.8.透明度样式

opacity:X X取值为0-1,值越小越透明


课后练习

  1. 实现如下效果

欢迎阅读本新闻

新闻一
新闻二
新闻三


重大新闻1!


重大新闻2!

image.png 2. 实现如下效果 image.png

点击变绿色


鼠标划过变红色

东软睿道3


访问链接后变成黄色

用户名
  1. 实现如下效果

image.png


.demo的第一个子元素是div


第一个span第一个段落P第二个span



一个链接第一个i元素



一个链接第二个i元素


一个链接



  1. 列举几种背景样式
  2. 列举几种边框样式