CSS样式作业2019-8-14

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入门 1、css选择器 选择器的作用是“用于确定(选定)要进行样式设定的标签(元素)”。 有若干种形式的...
    宠辱不惊丶岁月静好阅读 1,650评论 0 6
  • 本文主要是起笔记的作用,内容来自慕课网. 认识CSS样式 CSS全称为“层叠样式表 (Cascading Styl...
    0o冻僵的企鹅o0阅读 2,673评论 0 30
  • HTML 软件架构 C/S:C(客户端,用户通过客户端来使用软件),S表示服务器。一般软件都是C/S架构。软件使用...
    小土豆dy阅读 1,318评论 0 5
  • 1.选择器1.1 写法选择器{属性:值;}width,height,background-color,font-s...
    Yuann阅读 413评论 0 0
  • 什么是选择器 每一条css样式声明(定义)由两部分组成,形式如下: 在{}之前的部分就是“选择器”,“选择器”指明...
    小挠许阅读 349评论 0 1