CSS 基础选择器 文字控制属性 综合案例

网页制作思路：

• 从上到下，先整体再局部
• 先标签，再 CSS 美化

1 案例一

    
    
    
    
    


    
在希望的田野上 |湖北秋收开镰 各地多举措保增产增收
    
来源：央视网|2222年12月12日12:12:12
    
    
    
央视网消息：眼下，湖北省秋收开镰已有一周多的时间。水稻收割已经超过四成，玉米收割七成。湖北省通过大力推广新品种水稻，建设
        高标准农田等一系列措施，为秋粮稳产提供有力支撑。
    
中稻占据了湖北全年粮食产量的一半以上。在湖北的主产区荆门市，370万亩中稻已经收割四成以上。
    

        
    
    
王化林说的新品种，是湖北省研发的杂交水稻“华夏香丝”，不仅产量高，还具有抗病、抗倒、抗高温的特性。在荆门漳河镇的一工程示
        范田内，像“华夏香丝”这样抗早节水的品种还有20多个，这些水稻新品将在荆门全面推广，确保来年增产增收。
    
此外，湖北还大力推进高标准农田建设。截至今年6月，已建成3980万亩高标准农田。目前，湖北全省仍有1800多万亩中稻正在有序收
        割中，预计10月中旬收割完毕。

运行效果：

2 案例二

    
    
    
    
    


    
CSS (层叠样式表)
    
层叠样式表（CascadingStyleSheets，缩写为CSS），是一种样式表语言，用来描述HTML或XML（包括如SVG、MathML、XHTML之类的
        XML分支语言）文档的呈现。CSS描述了在屏幕、纸质、音频等其它媒体上的元素应该如何被渲染的问题。
    
CSS是开放网络的核心语言之一，由W3C规范实现跨浏览器的标准化。CSS节省了大量的工作。样式可以通过定义保存在外部.cSS文件中，同时
        空制多个网页的布局，这意味着开发者不必经历在所有网页上编辑布局的麻烦。CSS被分为不同等级：CSS1现已废弃，CSS2.1是推荐标准，CSS3分
        成多个小模块目正在标准化中。
    

        
CSS 介绍如果你是 Web 开发的新手，请务必阅读我们的 CSS 基础文章以学习 CSS 的含义和用法。
        
CSS 教程我们的 CSS 学习区包含了丰富的教程，它们覆盖了全部基础知识，能使你在 CSS 之路上从初出茅庐到游刃有余。
        
CSS 参考针对资深 Web 开发者的 详细参考手册，描述了 CSS 的各个属性与概念。
    

运行效果：

参考链接：

41-综合案例一-新闻详情_哔哩哔哩_bilibili
42-综合案例二-CSS简介_哔哩哔哩_bilibili