CSS是什么?一篇文章全解,带你零基础入门前端CSS

  • A+
所属分类:Web前端
摘要

前面说了HTML,现在再来说一说CSS,所谓CSS是指层叠样式表 (Cascading Style Sheets),通过引入样式表,从而极大的提高了工作效率。


HTML是房子,CSS是装修,JavaScript是生活

前面说了HTML,现在再来说一说CSS,所谓CSS是指层叠样式表 (Cascading Style Sheets),通过引入样式表,从而极大的提高了工作效率。

什么是CSS?

Cascading Style Sheet

  • 层叠样式表语言(不是编程语言,属于样式表语言,没有变量、数据类型、控制语句...)
  • CSS其实是专门用来修饰HTML的,让HTML更好看。
  • CSS是HTML的化妆品。
  • CSS是为HTML服务的,所以HTML还是主体,CSS是依附在HTML上的,
  • 所以进行CSS的开发,我们还是需要新建html/htm文件。

CSS作用

  • 修饰、美化前台界面
  • 完善html属性的不足
  • 整合代码,便于维护

在HTML中怎么嵌入CSS样式呢?

  • 第一种方式:内联定义
  • 第二种方式:定义内部样式块对象
  • 第三种方式:链入外部样式表文件(这种方式最常用!)

关于选择器的优先级:

  • 标签选择器优先级最低。
  • 其次是类选择器。
  • 最高优先级是id选择器。

CSS学习教程

动力节点的CSS视频教程,详细讲解了什么是css。层叠样式表(英文全称:CascadingStyleSheets)是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。

CSS不仅可以静态地修饰网页,还可以配合各种脚本语言动态地对网页各元素进行格式化。

CSS能够对网页中元素位置的排版进行像素级精确控制,支持几乎所有的字体字号样式,拥有对网页对象和模型样式编辑的能力。

学习目录

1.CSS教程-CSS概述

2.CSS教程-HTML引入CSS样式的三种方式概述1

3.CSS教程-HTML引入CSS样式的三种方式概述2

4.CSS教程-HTML引入CSS样式的第一种方式内联方式

5.CSS教程-HTML引入CSS样式的第二种方式样式块

6.CSS教程-id选择器标签选择器和类选择器

7.CSS教程-HTML引入CSS样式的第三种方式引入外部独立css文件

8.CSS教程-列表样式

9.CSS教程-绝对定位

CSS是什么?一篇文章全解,带你零基础入门前端CSS