CSS基本语法与基本选择器

最新推荐文章于 2024-07-24 13:52:24 发布

苏艾格

最新推荐文章于 2024-07-24 13:52:24 发布

阅读量992

点赞数 1

分类专栏： CSS学习笔记文章标签： css

本文链接：https://blog.csdn.net/weixin_43641202/article/details/115211904

版权

CSS

什么是CSS?

css全称为层叠样式表或级联样式表。
用于HTML中，对元素设置样式。

CSS的基本语法

CSS规则由两个部分构成，即选择器和声明。
声明必须放在一对大括号“{ }”中，可以是一条或多条。
每条声明由属性和值的组成，属性和值之间用冒号分开，每条声明以英文分号结尾。选择器 {属性1:值1; 属性2:值2; …}
例如

h1{
   
    font-size: 12px;
    color: black;
}

在html中引入css样式需要用到<style>标签。
<style>标签位于<head>标签中。
在HTML中引入CSS有三种引入方式

行内样式
内部样式表
外部样式表

行内样式

就是直接把CSS代码添加到HTML标签中。使用style属性是改变所有HTML元素样式的通用方法。用法如下：

<h1 style="color: yellow;font-size: 30px;">行内样式</h1>

在这里插入图片描述
这种方式仅对当前的HTML标签起作用,并且是写在HTML标签中的，因此这种方式不能使内容与表现相分离，本质上没有体现CSS的优势，因此不推荐使用。

内部样式表

如前面讲到的示例一样，把CSS代码写在<head>的<style>标签中，与HTML内容位于同一个HTML文件中，这就是内部样式表。

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title>内部样式表</title>
        <style>
            h1{
    
                font-size: 12px;
                color: black;
            }

最低0.47元/天解锁文章

苏艾格

关注

1
点赞
踩
3

收藏

觉得还不错? 一键收藏
打赏
1
评论
CSS基本语法与基本选择器

CSS什么是CSS?CSS的基本语法行内样式内部样式表外部样式表什么是CSS?css全称为层叠样式表或级联样式表。用于HTML中，对元素设置样式。CSS的基本语法CSS规则由两个部分构成，即选择器和声明。声明必须放在一对大括号“{ }”中，可以是一条或多条。每条声明由属性和值的组成，属性和值之间用冒号分开，每条声明以英文分号结尾。选择器 {属性1:值1; 属性2:值2; …}例如h1{ font-size: 12px; color: black;}在html中引入
复制链接

扫一扫