CSS基本使用

作者介绍:

💗作者:小刘在C站

⛄️作者每天分享课堂笔记

🌸夕阳下,是最美的绽放


目录

CSS基本概念

1.什么是CSS

2.CSS分类

3.CSS的语法结构

4.CSS选择器的分类

5.css样式的优先级

6.选择器的申明

7.css       常见的文本段落属性


CSS基本概念

层叠样式表(英文全称:Cascading Style Sheets)是一种用来表现HTML标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。CSS不仅可以静态地修饰网页,还可以配合各种脚本语言动态地对网页各元素进行格式化。

1.什么是CSS

       CSS(cascading style sheet)层叠样式表,主要用于布局和美化网页  

如下图:


 

2.CSS分类

                 内部样式表和外部样式表

                 内部样式表又分为嵌入样式和行内样式

                 嵌入样式:

            主要包含:<head></head>

                     <head>

                                 <style  type="text /css">

                            bady{font-size:12px;}

                       </style>

                  </head>

   行内样式

       <a style="tont-size:12px:">

外部样式包含在<head></head>中

                         CSS作为一个独立文件被调用

<link       hred="style.css"   rel=“stylesheet”  type=“text/css”/>


3.CSS的语法结构

<style   type ="text/css">

                选择器:[对象属性:属性值:]

</style>


4.CSS选择器的分类

     标签选择器   p    a        body        span        stab/e

p\    p{属性:属性值:}

类选择器,类名

            类名[属性:属性值:]

      <p class="类名">

   id选择器

         #id1名字{属性:属性值:}

        <p    id ="id名字">


5.css样式的优先级

      id选择器>类选择器>标签选择器.

选择器相同,按代码的应用顺序,后应用的覆盖前应用

      行内样式>嵌入样式>外部样式

      内层标签应用样式优先于外层样式标签


6.选择器的申明

              集体申明

            body,p,hl,span,#abc,classl{color:red:}

嵌套申明                 

          p      a         {color:red:}

          p      a         span{color  :red:}


7.css       常见的文本段落属性

font-family                        设置文本字体

font-sis                             设置字体大小

line-height                             文本的行高

texr-indent                         首行缩进

text-align                      文本的水平对齐方式

vertical-align                    垂直对齐方式

color                          字体颜色

border                                设置边框属性

border-width                               边框宽度

border-style                            边框样式

border-color                              边框的颜色

backlground-image                            设置背景图片


🍖关注,就是我创作最大的动力

💎点赞,就是对我最大的认可

📌制作不易,点个赞在走吧

  • 8
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 5
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 5
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

小刘在C站

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值