CSS入门系列(一)

CSS介绍


CSS 概念

CSS(Cascading Style Sheets)层叠样式表,又称联样式表,简称样式表
CSS文件后缀为.css
CSS用于HTML文档中的元素样式定义

为什么需要CSS

使用css的目的就是让网页具有美观一致的页面

语法

CSS规则由两个主要组成部分:选择器,以及一条或者多条声明

选择器通常是需要改变样式的HTML元素
每条声明是由一个属性和一个值组成的
属性(property)是希望设置的样式属性(style attribute)。每个属性由一个值。属性和值被冒号分开

<style>
    h1{
        color:blue;
        font-size:12px;
    }
</style>

CSS引入方式

内联样式(行内言样式)

要使用内联样式,需要在相关的标签中使用样式(style)属性。Style属性可以包含任何CSS属性
缺乏整体性,不利于维护,维护成本高

    <p style="background:orange; font-size: 24px">css</p>

内部样式

在单个文档需要特殊的样式是,就应该使用内部样式,可以使用<style>标签在文档头部定义内部样式表
单个页面内的CSS代码具有统一性和规划,便于维护,但是在多个页面见容易混乱

<head>
    <style>
        h1{
            background: red;
        }
    </style>
</head>

外部样式(推荐)

当样式需要应用与多个页面时,外部样式表将是最理想的选择,在使用外部样式表的情况下,你可以通过改变一个文件来改变整个站点的外观。
每个页面使用<link>标签链接到样式表。<link>标签在文档的头部

<head>
    <link rel="stylesheet" type="text/css" href="xxx.css">
</head>
  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值