TreeMind树图在线AI思维导图
当前位置:树图思维导图模板资格考试计算机计算机二级WEB知识点CSS基础思维导图

计算机二级WEB知识点CSS基础思维导图

  收藏
  分享
免费下载
免费使用文件
Yyyy 浏览量:12022-11-08 13:10:17
已被使用0次
查看详情计算机二级WEB知识点CSS基础思维导图

本思维导图主要介绍国家计算机考试WEB知识点CSS基础

树图思维导图提供 计算机二级WEB知识点CSS基础 在线思维导图免费制作,点击“编辑”按钮,可对 计算机二级WEB知识点CSS基础  进行在线思维导图编辑,本思维导图属于思维导图模板主题,文件编号是:e83d59950a21620f0e1ca54219e282db

思维导图大纲

计算机二级WEB知识点CSS基础思维导图模板大纲

css的基本概念和作用

HTML:

有HTML是页面的结构,也就是一个页面的骨架。几个骨头,几个眼睛,几个鼻子,几个嘴;

CSS:

是页面的样式,也就是长成什么样子。

骨头都是怎么排列的,眼睛和嘴的位置关系是什么,外表的颜色。

JavaScript:

JS是页面的行为,也就是这个能干什么。

CSS中文意思 层叠样式表(英文全称: Cascading Style Sheets)是一种用来表现HTML等文件样式的计算机语言,

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

1.几乎所有的浏览器上都可以使用。

2.以前一些非得通过图片转换实现的功能,现在只要用CSS可以轻松实现,从而更快地下载页面。

3.使页面的字体变得更漂亮,更容易编排,使页面真正赏心悦目。

4.你可以轻松地控制页面的布局。

5.你可以将许多网页的风格格式同时更新,不用再一页一页地更新了。

CSS的基本语法和基本使用方法

每个CSS样式由两部分组成,即选择符和声明,声明又分为属性和属性值

选择符{属性:属性值;属性:属性值;…}

选择符:表示要定义样式的对象

2)属性必须放在{ }内

3)属性与属性值用冒号连接

4)当一个选择符有多个属性时,用分号隔开;

5)当一个属性有多个属性值时,用空格分隔;

6)使用空格、换行不影响CSS样式的显示。

CSS的引用方式

1、行内样式:

使用style性引入CSS样。

直接在HTML标签中设置的的样式

实际在写页面时不提倡使用,在测试的时候可以使用。

2、内部样式表

在style标签中书写css代码, style标签写在head标签中

3、外部件式表

CSS代码保存在扩展名为.CSS样式表中, HTML文件引用扩展名为.css的样式表 优先级 行内样式>内部样式>外部样式(后两者是就近原则

相关思维导图模板

计算机二级WEB知识点HTTP的基本概念与交互模型思维导图

树图思维导图提供 计算机二级WEB知识点HTTP的基本概念与交互模型 在线思维导图免费制作,点击“编辑”按钮,可对 计算机二级WEB知识点HTTP的基本概念与交互模型  进行在线思维导图编辑,本思维导图属于思维导图模板主题,文件编号是:0e346ad14c6cbebc611dd194bf407c28

计算机二级WEB知识点HTTP协议思维导图

树图思维导图提供 计算机二级WEB知识点HTTP协议 在线思维导图免费制作,点击“编辑”按钮,可对 计算机二级WEB知识点HTTP协议  进行在线思维导图编辑,本思维导图属于思维导图模板主题,文件编号是:210f6c1f9e8137a07657a086034f0703