CSS3------什么是css
admin
2024-02-08 22:37:48
0

什么是CSS

层叠样式表Cascading Style Sheets,缩写为 CSS,是一种样式表语言,用来描述HTML或XML(包括如SVG、MathML、XHTML 之类的 XML 分支语言)文档的呈现。 CSS描述了在屏幕、纸质、音频等其它媒体上的元素应该如何被渲染的问题 CSS 是开放网络的核心语言之一,由W3C规范实现跨浏览器的标准化。CSS节省了大量的工作。
  • 简化代码、提高编程效率
CSS指层叠样式表,样式定义如何显示HTML元素,样式通常存储在样式表中
  • 把样式添加到HTML中是为了解决内容与表现分离的问题
  • 样式表的定义方式
  1. 嵌入式:在标签中以style属性出现
  2. 内联式:在head标签里添加 标签
  3. 外联式:以css扩展名的文件独立存在的方式
  • 外部样式表可以极大提高工作效率,外部样式表通常存储在 CSS 文件中
  1. 样式可以通过定义保存在外部.css文件中,同时控制多个网页的布局,这意味着开发者不必经历在所有网页上编辑布局的麻烦
  • 多个样式定义可层叠为一个
  • CSS被分为不同等级:CSS1现已废弃,CSS2.1是推荐标准,CSS3分成多个小模块且正在标准化中




菜鸟教程(runoob.com)



这个标题设置的大小为 36 pt

这个标题设置的颜色为蓝色:blue

这个段落的左外边距为 50 像素:50px

 CSS基础语法

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

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

CSS 注释

  • 注释是用来解释你的代码,并且可以随意编辑它,浏览器会忽略它
  • CSS注释以 /* 开始, 以 */ 结束
/*这是个注释*/
p {
text-align:center;
/*这是另一个注释*/
color:black;
font-family:arial;
}

使用CSS

CSS可以通过以下方式添加到html中: 内联样式:在HTML元素中使用style属性
  • 这是一个段落。

内部样式表:在HTML文档头部 区域使用
1
2

对比从上到下的情况,我们可以看出,当盒子跟盒子是平级的时候,盒子排列方式与标签到书写结构没有关系。但盒子的排列先后顺序与标签的书写先后顺序有关。

界面上盒子在上面的,对应文档中的标签先写 界面上盒子在左侧的,对应文档中的标签先写

相关内容

热门资讯

【MySQL】锁 锁 文章目录锁全局锁表级锁表锁元数据锁(MDL)意向锁AUTO-INC锁...
【内网安全】 隧道搭建穿透上线... 文章目录内网穿透-Ngrok-入门-上线1、服务端配置:2、客户端连接服务端ÿ...
GCN的几种模型复现笔记 引言 本篇笔记紧接上文,主要是上一篇看写了快2w字,再去接入代码感觉有点...
数据分页展示逻辑 import java.util.Arrays;import java.util.List;impo...
Redis为什么选择单线程?R... 目录专栏导读一、Redis版本迭代二、Redis4.0之前为什么一直采用单线程?三、R...
【已解决】ERROR: Cou... 正确指令: pip install pyyaml
关于测试,我发现了哪些新大陆 关于测试 平常也只是听说过一些关于测试的术语,但并没有使用过测试工具。偶然看到编程老师...
Lock 接口解读 前置知识点Synchronized synchronized 是 Java 中的关键字,...
Win7 专业版安装中文包、汉... 参考资料:http://www.metsky.com/archives/350.htm...
3 ROS1通讯编程提高(1) 3 ROS1通讯编程提高3.1 使用VS Code编译ROS13.1.1 VS Code的安装和配置...
大模型未来趋势 大模型是人工智能领域的重要发展趋势之一,未来有着广阔的应用前景和发展空间。以下是大模型未来的趋势和展...
python实战应用讲解-【n... 目录 如何在Python中计算残余的平方和 方法1:使用其Base公式 方法2:使用statsmod...
学习u-boot 需要了解的m... 一、常用函数 1. origin 函数 origin 函数的返回值就是变量来源。使用格式如下...
常用python爬虫库介绍与简... 通用 urllib -网络库(stdlib)。 requests -网络库。 grab – 网络库&...
药品批准文号查询|药融云-中国... 药品批文是国家食品药品监督管理局(NMPA)对药品的审评和批准的证明文件...
【2023-03-22】SRS... 【2023-03-22】SRS推流搭配FFmpeg实现目标检测 说明: 外侧测试使用SRS播放器测...
有限元三角形单元的等效节点力 文章目录前言一、重新复习一下有限元三角形单元的理论1、三角形单元的形函数(Nÿ...
初级算法-哈希表 主要记录算法和数据结构学习笔记,新的一年更上一层楼! 初级算法-哈希表...
进程间通信【Linux】 1. 进程间通信 1.1 什么是进程间通信 在 Linux 系统中,进程间通信...
【Docker】P3 Dock... Docker数据卷、宿主机与挂载数据卷的概念及作用挂载宿主机配置数据卷挂载操作示例一个容器挂载多个目...