美文网首页
css基础系列之初始css

css基础系列之初始css

作者: 石中玉技术专栏 | 来源:发表于2017-03-30 18:19 被阅读28次

认识css不是一件困难的事情,但是要搞清楚css是什么?有什么用?如何用等这些问题。还是要站在整个前端的角度会更合适一些。

本文就从前端的角度来让大家理解什么是css

目前前端主要用到的技术语言有三种,HTML、JavaScript和CSS。这三种语言构建了酷炫吊炸天的丰富效果,撑起了整个大前端。接下来我们就分别来认识下这三种语言是什么,在整个前端的技术体系中扮演着什么样的角色。

1.认识HTML

 html是用来描述网页的一种语言。
 1.HTML 指的是超文本标记语言 (Hyper Text Markup Language)     
 2.HTML 不是一种编程语言,而是一种标记语言 (markup language)
 3.标记语言是一套标记标签 (markup tag)
 4.HTML 使用标记标签来描述网页

通过上面的描述可以看出HTML主要是一种标记语言,用于描述网页的结构。至于HTML具有什么标签,在后续的文章中,我们会详细介绍。这里我们只需要牢记几个字 “描述结构”。

2.认识JavaScript

  . JavaScript 是一种轻量级的编程语言。
  . JavaScript 是可插入 HTML 页面的编程代码。
  . JavaScript 插入 HTML 页面后,可由所有的现代浏览器执行。

通过上边的描述我们可以理解为,JavaScript是一种可在html执行的编程语言,既然是编程语言就意味着,可以有复杂的判断,循环,控制,变量等复杂的操作和运算机制。因此javascript在前端中主要负责的控制页面的行为。这里我们只需要记住这个关键词 “ 控制行为”

3.认识css

CSS 指层叠样式表 (Cascading Style Sheets)
. 样式定义如何显示 HTML 元素
. 样式通常存储在样式表中
. 把样式添加到 HTML 4.0 中,是为了解决内容与表现分离的问题
. 外部样式表可以极大提高工作效率
. 外部样式表通常存储在 CSS 文件中
. 多个样式定义可层叠为一

通过以上的描述,可以理解为css主要用于定义html中标签结构的显示样式,比如字体大小,颜色,位置等等。这里我们只需要记住这几个关键词 “展示效果”

本文主要从前端的角度来分析HTML CSS JavaScript在前端中的作用,和各自扮演的角色。总结下可以概括为

  1. HTML主要负责前端页面的基础结构。
  2. JavaScript主要负责页面的行为控制。
    3.CSS主要负责页面的展示效果。

以上就是对css基础系列的介绍了,不知道对您是否有所帮助呢,欢迎和我留言互动。

欢迎关注和我互动

相关文章

  • css基础系列之初始css

    认识css不是一件困难的事情,但是要搞清楚css是什么?有什么用?如何用等这些问题。还是要站在整个前端的角度会更合...

  • CSS:前端基础 & CSS 初始

    学习目标 理解css 的目的作用css 的三种引入方式 应用css 三种引用方式的书写通过样式规则给标签添加简单的...

  • No.8 CSS字体属性、文本属性、背景、界面样式

    一、CSS字体属性 1.CSS字体系列 CSS 使用 font-family 属性定义文本的字体系列。 各种字体之...

  • 前端知识之CSS内容

    前端基础之CSS CSS介绍 CSS(Cascading Style Sheet,层叠样式表)定义如何显示HTML...

  • CSS3相关

    初始CSS3 什么是CSS3? CSS3是CSS2的升级版本,3只是版本号,它在CSS2.1的基础上增加了很多强大...

  • 移动端技术解决方案总结

    一、CSS初始化 移动端CSS初始化推荐使用normalize.css Normalize.css: 保护了有价值...

  • CSS教程汇总

    CSS揭秘实用技巧总结 不止于 CSS 灵活运用CSS开发技巧 前端基础篇之CSS世界 你未必知道的49个CSS知...

  • CSS学习资源

    基础篇 CSS 最核心的几个概念 CSS 简写指南 CSS样式基础 CSS样式设置 CSS布局模型 CSS文字排版...

  • 【2016年特别福利】史上最全CSS学习资料大全

    基础篇 CSS 最核心的几个概念 CSS 简写指南 CSS样式基础 CSS样式设置 CSS布局模型 CSS文字排版...

  • CSS中reset.css初始化设置

    以下几种初始化的css文件都可用normalize.css reset.css 腾讯官网初始化 新浪官网初始化 淘...

网友评论

      本文标题:css基础系列之初始css

      本文链接:https://www.haomeiwen.com/subject/soypottx.html