网页前端培训(CSS)

本文主要介绍了CSS的基础知识,包括CSS的主要内容、基础语法、选择器的使用和一些常用属性,如背景、文本、字体、对齐方式等,帮助读者理解如何使用CSS提升网页设计的美观度。
摘要由CSDN通过智能技术生成

上次学习了HTML,本节我们来学习一下CSS让页面更加漂亮

1.CSS主要内容:

什么是CSS?

2.CSS基本使用: 

1.基础语法:

CSS的基本使用
                CSS的三种使用方式
                一、CSS定义
                    选择器名{
                        属性名:属性值
                        属性名:属性值
                        ...
                    }
                    注意点:
                        1.声明需要使用{}括起来,每个声明以;结尾
                        2.一行建议一个声明
                        3.如果样式的属性值由多个单词组成,则用引号引起来
                 二、CSS的注释
                    /*注释内容*/
                 三、1.行内样式
                        直接写在标签上的样式,在标签上通过style属性定义的样式
                    2.内部样式
                        定义在style标签中的样式,style标签一般设置在head标签中
                    3.外部样式
                        定义在外部CSS文件中,通过link标签引入
                        <link rel="stylesheet" type="text/css" href="css文件的路径"/>
                        </head>
                    注:当有多重样式时,越精准越优先(就近原则)

CSS基本选择器
                1.通用选择器 *
                    *{
                        属性名:属性值
                        ...
                    }
                2.元素选择器
                    元素名/标签名{
                        属性名:属性值
                        ...
                    }
                3.ID选择器 #
                    #id属性值{
                        属性名:属性值
                        ...
                    }
                4.类选择器 .
                    .class属性值{
                        属性名:属性值
                        ...
                    }
                5.分组选择器
                    选择器1,选择器2,选择器3...{
                        属性

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值