1、创建4个p标签分别命名为one,two,class名为one并且id为three,仅标签
2、设置字体颜色,体会css的三种引入方式
①元素内联 ②页面嵌入 ③引入外部CSS文件
3、体会三种方式的优先级,并作出排序
4、引入网站初始化样式页面
5、设置p标签的宽400px和高200px;p标签写点字
6、class名为one的p标签设置背景图片、背景颜色黄色、背景图片位置为上下左右各居中(background-position:center center;),横向平铺,各个值分开写;字体微软雅黑,字号26px;行高48px;加粗;各个值分开写;字体颜色红色,字间距2px;字居中;盒子左右居中,内容间距设置为上40px,左30px;右50px;下60px;
7、class名为two的p标签设置背景图片、背景颜色绿色、背景图片位置为上60px左100px,不平铺,各个值合并写;字体微软雅黑,字号26px;行高48px;加粗;各个值合并写;字体颜色白色,字间距1px;盒子外边距上60px;左30px;右40px;下50px;
8、id为three的p标签,转化为行内元素
9、最后一个p标签,转化为行内元素,且宽和高要生效
10、写a标签2个,span标签,b标签2个,并加内容,将span标签转化为行元素
网友评论