一、CSS是什么

CSS,指的是Cascading Style Sheet(层叠样式表),是用来控制网页外观的一门技术。我们知道,前端最核心的3个技术是:HTML、CSS、JavaScript,三者的关系如下。

HTML用于控制网页的结构,CSS用于控制网页的外观,JavaScript控制的是网页的行为。

在互联网发展早期,网页都是用HTML来做的,这样的页面可想而知单调成什么样了。为了改造HTML标签的默认外观,使得页面变得更加美观,后来就引入了CSS。

二、CSS和CSS3

CSS发展至今,历经CSS1.0、CSS2.0、CSS2.1以及CSS3.0几个版本。其中,CSS2.1是CSS2.0的修订版,CSS3.0是CSS的最新版本。

很多初学者都有一个疑问:“现在都CSS3的时代了,CSS2不是被淘汰了吗,为什么还要学CSS2呢?”这个误区非常严重,曾经误导绝大多数的初学者。其实,我们现在所说的CSS3,一般指的是相对于CSS2“新增加的内容”,并不是说CSS2被淘汰了。准确来说,你要学的CSS其实等于CSS2加上CSS3。本书介绍的是CSS2.1,对于CSS3新增的技术,小伙伴们可以关注“从0到1系列”的《从0到1:HTML5+CSS3修炼之道》这本书。

什么是css基础样式,CSS简介 - CSS | 绿叶学习网相关推荐

  1. 什么是css css3,CSS3简介 - CSS3 | 绿叶学习网

    对于刚刚接触CSS3的小伙伴,一开始肯定会有这么一个疑问:"CSS3跟CSS有什么区别呢?"实际上,CSS是从CSS1.CSS2.CSS2.1到CSS3这几个版本一路升级而来的. ...

  2. 背景大小比率css,背景大小:background-size - CSS3 | 绿叶学习网

    在CSS2.1中,我们是不能使用CSS来控制背景图片大小的,背景图片的大小都是由图片实际大小决定. 在CSS3中,我们可以使用background-size属性来定义背景图片的大小,这样可以使得同一张 ...

  3. CSS基础样式和排版文本段落

    一.CSS基础样式 1.字体属性 font-family是字体属性 font-family:后面可以直接打出来字体的样式,或者直接选择 font-family: Times,"Times N ...

  4. CSS基础样式属性设置

    文章目录 css基础样式与属性设置 一.宽和高 二.字体属性 1. font-family:文字字体 2.font-size:字体大小 3.font-weight:文字粗细 4.font-style: ...

  5. CSS基础选择器之类选择器(CSS、HTML)

    CSS基础选择器之类选择器(CSS.HTML) <!DOCTYPE html> <html lang="en"><head><meta c ...

  6. html padding如何设置内边距,内边距:padding - CSS | 绿叶学习网

    内边距padding,又常常被称为"补白",它指的是内容区到边框之间的那一部分.内边距都是在边框内部的. 一.padding局部样式 从CSS盒子模型中我们可以看出,内边距分为4个 ...

  7. CSS基础(emmet 语法,CSS 复合选择器, 布局认知,背景样式)

    CSS基础 1. emmet 语法 -- 开发效率 1.1 emmet 语法生成 html 标签 emmet 的特点和作用是什么? 通过简写提高编码效率. emmet 生成 HTML 结构语法 序号 ...

  8. webpack5-打包css等样式资源,css等样式文件提取,css等样式文件压缩

    打包css资源 加载css资源需要安装style-loader,css-loader库 配置如下: module: {rules: [// 在rules中写详细的loader配置// 打包css资源{ ...

  9. css新建样式表文件,CSS教程:创建性感的CSS样式表

    CSS教程:创建性感的CSS样式表 互联网   发布时间:2008-10-17 19:28:31   作者:佚名   我要评论 原文名称:Creating Sexy Stylesheets

  10. CSS基础——浮动(float)【学习笔记】

    1. 浮动(float) 1.1 CSS 布局的三种机制 网页布局的核心--就是用 CSS 来摆放盒子. CSS 提供了 3 种机制来设置盒子的摆放位置,分别是普通流(标准流).浮动和定位,其中: 普 ...

最新文章

  1. android 技能标签功能_android开发工程师必备技能
  2. python树结构_Python-简单的树结构实现
  3. IIS发布站点错误收集(持续更新)
  4. css预编译工具less使用心得
  5. arcgis根据矢量范围裁取tif影像(栅格数据)、批量合并shp文件、根据矢量范围裁取区域内的矢量,输出地理坐标系
  6. 面向对象的JavaScript框架 MooTools
  7. wsgiref — WSGI Utilities and Reference Implementation¶
  8. 计算机太卡了怎么解决,电脑太慢太卡怎么办,电脑太慢太卡解决方法
  9. php大文件下載,使用apache/nginx x-sendFile模塊替換
  10. 编程语言对比 面向对象
  11. 使用svm 对参数寻优的时候出现错误
  12. 给大学生的劝告,你们为何应该开始接触 Unix/Linux
  13. PAT甲级准备方法(附2021年PAT甲级秋季考试题解)
  14. golangci-lint timeout
  15. 怎么创建邮箱帐号?教育邮箱
  16. Win7 64位重装系统之后,IE11安装失败、升级失败之解决办法
  17. 去大公司,还是小公司?我也曾犹豫彷徨……
  18. 【MES】聚酯,纺丝,假捻的工艺路线
  19. 手把手教你获得电信公网ipv6
  20. 佳能尼康新旧炮镜群比照

热门文章

  1. 大工19秋计算机原理在线作业3,《计算机原理》大工19秋在线作业
  2. Jackson反序列化
  3. python爬虫——Cookie登录爬取豆瓣短评和影评及常见问题
  4. 安徽省职称英语计算机免考文件,2017年浙江全国职称英语免考政策规定说明
  5. poweriso安装matlab,Poweriso是什么 如何正确安装Poweriso
  6. 国外一个比较不错的“资源” 论坛 --- 可以下载永恒之塔 项目代码
  7. 如何在Overleaf里面用Bib Tex添加/引用参考文献
  8. Scikit-learn的优点
  9. 拯救课堂“低头族”,美和易思有妙招
  10. 天音控股携手Opera拓展移动互联网业务