文章目录

  • 前言
    • 颜色常见取值
    • 标签水平居中方法总结
    • 综合案例新闻内容

前言

拓展内容

  • 颜色常见取值
  • 标签居中

颜色常见取值

  • 属性名
    文字颜色:color
    背景颜色:background-color

  • 属性值

其中十六进制和rgba最常用,颜色色值无需记忆

标签水平居中方法总结

  • margin:0 auto
    可以让div、p、h(大盒子)水平居中

  • 如果要让以上居中,直接给当前元素本身设置即可

  • 一般针对固定宽度的盒子,如果大盒子没有设置宽度,默认为占满父元素宽度

  • 实践

综合案例新闻内容

  • css部分

  • 主体部分
  • 成品
  • 注意:本次案例的重点,是要会灵活运用类选择器和标签选择器
    在用同一个标签但是两个标签需要修饰的种类不一样时,要用类选择器

CSS基础-05-颜色取值、标签居中(了解即可)、综合案例-新闻内容相关推荐

  1. [css] 举例说明clear取值有哪些?

    [css] 举例说明clear取值有哪些? none 默认值.允许浮动元素出现在两侧.left 在左侧不允许浮动元素.right 在右侧不允许浮动元素.both 在左右两侧均不允许浮动元素.inher ...

  2. 渐变生成器及颜色取值方式

    一.渐变生成器(自己敲一下,效果就一目了然了) 1.线性渐变--linear-gradient() 常见的写法 linear-gradient(#fff, #333); linear-gradient ...

  3. Java中int、double、char等基础数据类型的取值范围

    目录 1.java工具 2.代码简单框架 3.int 4.long 5.double 6.float 7.char 8.byte 9.short 10.boolean 11.总结 1.java工具 1 ...

  4. 表格标签,今日小说排行榜案例,合并单元格,无序列表,有序列表,自定义列表,表单标签,注册页面综合案例

    表格标签 表格主要用于展示数据 <table><tr><td>单元格内的文字</td>...</tr>... </table> ...

  5. css笔记(css的三种引入方式 综合案例新闻页面)

    CSS引入方式 5.1CSS的三种样式表(CSS样式可以写在哪些地方) 5.2内部样式表(在html页面内部的style标签下写样式,也就是前面练习的所有)(优先级第二) 5.3行内样式表(优先级最高 ...

  6. Html与CSS基础知识篇(HTML标签语法篇)

    HTML和CSS的关系 学习Web前端开发基础技术需要掌握:Html.CSS.JavaScript语言.下面我们大致了解一下这三门技术都用来实现什么: (1)HTML是网页内容的载体.内容就是网页制作 ...

  7. css的position属性取值

    css中position属性用于元素定位,其属性值有5个,分别是inherit .static.relative.fixed.absolute ,下面是具体的分析: 1.inherit 规定该元素的p ...

  8. Mac下颜色取值器Pipette

    Pipette 数字艺术家和网页设计师是一个方便的工具.它可以让您快速,轻松地抢在屏幕上的任何像素的颜色,并把它复制的十六进制格式中所使用的CSS文件,或在大多数绘图程序,如Adobe Photosh ...

  9. HTML+CSS基础(2)-HTML标签的简单介绍和网页注释

    标签的语法和基本规则 1.语法"<xxx></xxx>",英文的"<>"将标签括起来,如例1. <!--例1--> ...

最新文章

  1. 滴滴成立AI Labs 加大人工智能领域投入
  2. python电影情感评论分析_Kaggle电影评论情感分析
  3. 然后Denton et al, 2015 搞出了非常NB的改进版本
  4. VS2019 C#安装那些插件_【完整版】针对零基础小白的VS2019安装攻略
  5. linux读写二进制大文件
  6. [Vue源码分析] v-model实现原理
  7. SAP Fiori pageSet请求的处理原理
  8. Spring中的自动装配和Autowired
  9. docker 导出堆栈信息.hprof_JVM性能调优监控工具jps、jstack、jmap、jhat、jstat、hprof使用...
  10. Distributed Representations of Sentences and Documents
  11. java多线程回顾1:线程的概念与创建
  12. 热释电传感器三个引脚_热释电传感器电路图大全(六款热释电传感器电路设计原理图详解)...
  13. Python经典前端框架:Django,第一天【Django环境搭建】
  14. 清理offset_kafka数据清理
  15. 数学建模美赛2019 人生经验
  16. 美团笔试题(5)考试策略
  17. 讲讲Python中的函数传递问题 【文末送书】
  18. 软件测试永远的家——银行测试,YYDS
  19. 计算机基础2008版,《计算机基础(2008版)》第4次作业
  20. linux7删除lv后文件系统异常,使用c-spoc删除lv后出现怪异异常!(已解决)

热门文章

  1. 安卓10来电流程详细总结
  2. LP和MIP基础知识
  3. PAT练习 骨牌铺方格
  4. 30亿用户同时左右滑一滑,约会市场迎来盛夏
  5. 试题 基础练习 Sine之舞
  6. 困了累了,就想想这些吧
  7. iOS 多选相册图片上传,添加、删除图片
  8. 三星530换固态硬盘_2015款21.5寸苹果I MAC换SSD固态硬盘过程分享
  9. 【SAP消息号AAPO520】
  10. 学习笔记 | 硬盘故障检测