美文网首页
CSS样式作业2019-8-14

CSS样式作业2019-8-14

作者: 小姨家错对门 | 来源:发表于2019-08-14 19:30 被阅读0次

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

    1、创建4个p标签分别命名为one,two,class名为one并且id为three,仅标签2、设置字体颜色,体会...

  • css样式入门书目录

    css样式-字体属性 css样式-背景属性 css样式-边框属性 css样式-列表属性 css样式-定位属性 cs...

  • [jQuery]设置css样式

    获取css样式 设置单个css样式 设置多个css样式

  • CSS基础(二)

    1 - CSS样式的引入 CSS样式的引入可以采用三种方式: 内联式css样式 嵌入式CSS样式 外部式CSS样式...

  • 切图需要的准备

    样式 重置样式(reset.css) 公共样式(commo.css) 独立样式(例如首页:index.css) 重...

  • jQuery学习:css操作/属性操作

    css操作 修改单个样式.css(name,value) 修改多个样式.css(obj) 获取样式.css(nam...

  • CSS初级

    css样式表 css选择器(简单,复杂) css属性 css布局 CSS样式表(内联方式,内部样式表,外部样式表)...

  • CSS学习之CSS基础

    标签: 前端 css 样式 CSS样式 css全称为"层叠样式表(cascading style sheets)...

  • 章节七、CSS样式基本知识

    内联式CSS样式嵌入式CSS样式外部式CSS样式(外联式) 外部式css样式(也可称为外联式)就是把css代码写一...

  • 2018-12-10

    CSS基础样式作业 实现下图所示网页: 我的项目 *...

网友评论

      本文标题:CSS样式作业2019-8-14

      本文链接:https://www.haomeiwen.com/subject/ezjftctx.html