首页 > 其他分享 >什么是CSS?

什么是CSS?

时间:2022-09-05 20:45:52浏览次数:79  
标签:样式 什么 color 样式表 声明 CSS 外部

CSS

简介

  • CSS 指的是层叠样式表 (Cascading Style Sheet),它描述了如何在屏幕、纸张或其他媒体上显示 HTML 元素
  • CSS 节省了大量工作。样式定义通常保存在外部 .css 文件中,通过使用外部样式表文件,只需更改一个文件即可更改整个网站的外观,实现同时控制多张网页的布局

语法

  • CSS 规则集(rule-set)由选择器和声明块组成
  • 选择器指向需要设置样式的 HTML 元素
  • 声明块包含一条或多条用分号分隔的声明。每条声明都包含一个 CSS 属性名和一个值,以冒号分隔。多条 CSS 声明用分号分隔,声明块用花括号括起来

img

导入方式

  • CSS 主要有三种导入方式,分别为内部样式、外部样式和行内样式
  • 优先级:行内样式 > 内部样式 > 外部样式

实例

Html:

<!DOCTYPE html>
<html lang="en">

<head>

    <meta charset="UTF-8">
    <title>Title</title>

    <!-- 内部样式 -->
    <style>
        h1 {
            color: green;
        }
    </style>

    <!-- 外部样式 -->
    <link rel="stylesheet" href="css/style.css">

</head>

<body>

    <!-- 优先级:就近原则 -->

    <!-- 行内样式:在标签元素中,编写一个style属性,编写样式即可 -->
    <h1 style="color: blue">我是标题</h1>
</body>

</html>

CSS:

h1 {
    color: red;
    background-color: lightblue;
    text-align: center;
}

标签:样式,什么,color,样式表,声明,CSS,外部
From: https://www.cnblogs.com/TNTksals/p/16659490.html

相关文章

  • 架构分层:我们为什么一定要这么做?
    在系统从0到1的阶段,为了让系统快速上线,我们通常是不考虑分层的。但是随着业务越来越复杂,大量的代码纠缠在一起,会出现逻辑不清晰、各模块相互依赖、代码扩展性差、改动......
  • csm移动端h5用什么样的视觉方案?
    项目需要求在移动端H5需要展示一些数据统计的图表,虽然第一时间想到的是echarts,常用还有Highcharts,D3等,antv家族的图表UI好看一些,再加上F2是移动端可视化方案于是就选择F2,......
  • 高并发系统:它的通用设计方法是什么?
    我们知道,高并发代表着大流量,高并发系统设计的魅力就在于我们能够凭借自己的聪明才智设计巧妙的方案,从而抵抗巨大流量的冲击,带给用户更好的使用体验。这些方案好似能操纵流......
  • 【Java基础】JavaBean是什么
    1.JavaBean是什么符合如下标准的Java类类是公共的public有一个无参的公共的构造器有属性,且有对应的get、set方法2.示例publicclassJavaBean{privateStrin......
  • css实现二维码扫描效果
    <!DOCTYPEhtml><html><head><metacharset="utf-8"><title>css3-scanner</title><style>.qr-scanner{positi......
  • 什么是event loop
    经常会被人问到你来谈一谈什么是eventloop,一开始我是一脸懵逼,慢慢的在网上看到很多贴子才明白是怎么回事.先看一段代码console.log(0)setTimeout(function(){......
  • 什么是 EventLoop ?
    EventLoop即事件循环,是指浏览器或Node的一种解决javaScript单线程运行时不会阻塞的一种机制,也就是我们经常使用异步的原理。事件循环的进程模型选择当前要执行的任务队......
  • 为什么不用看板来管理日常工作?
    ​了解看板工具的时候,还是之前在公司实施敏捷开的时候关注的。但是后来因为没有好的项目来实践敏捷,我们的敏捷工具用的是Leangoo领歌,看板的方式管理,非常直观,效率也很高,还......
  • 什么是伪共享?
    问题(1)什么是CPU缓存行?(2)什么是内存屏障?(3)什么是伪共享?(4)如何避免伪共享?CPU缓存架构CPU是计算机的心脏,所有运算和程序最终都要由它来执行。主内存(RAM)是数据存放的地......
  • RPC是什么,看完你就知道了
    RPC概述RPC是什么RPC(RemoteProcedureCall)远程过程调用协议,一种通过网络从远程计算机上请求服务,而不需要了解底层网络技术的协议。RPC它假定某些协议的存在,例如TPC/UDP......