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标签转化为行元素
CSS样式作业2019-8-14
最后编辑于 :
©著作权归作者所有,转载或内容合作请联系作者
- 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
- 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
- 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...