登录|注册|帮助中心|联系我们

导航
首页 综合百科 生活常识 数码科技 明星名人 传统文化 互联网 健康 影视 美食 教育 旅游 汽车 职场 时尚 运动 游戏 家电 地理 房产 金融 节日 服饰 乐器 歌曲 动物 植物
当前位置:首页 > 综合百科

什么是css样式及作用(css特效样式知识解析)

发布时间:2022年12月26日责任编辑:张小石标签:作用特效

上几节我们把HTML相关的必要知识点给大家已经讲完,剩下的细节大家可以查阅资料再进行深入研究。从这一节开始,我们正式进入CSS的学习,在学习之前我们先介绍几个概念。

???

第一,什么是CSS?

第二,为什么需要CSS?

第三,怎么使用CSS?

首先,什么是CSS?CSS 是一种描述 HTML 文档样式的语言,CSS 描述应该如何显示 HTML 元素。CSS 官方名称为层叠样式表 (Cascading Style Sheets)。下面我们来看一个CSS的使用效果,下边的代码<style>标签内部就是CSS:

???

那么,为什么需要CSS,我们要知道HTML的功能更多的是用来展现数据,而HTML也有属性可以控制元素的样式,但是如果只使用HTML自带的属性样式,那几乎每一个标签都需要添加属性,修改起来会特别费劲,而且不能够重复的使用。还有就是HTML自带的属性样式没有CSS多样化和专业,我们使用CSS来约束HTML样式可以自由控制,在正式编程中我们一般会把CSS文件和HTML单独放置,做到网页内容和样式分离,简洁明了,比较容易管理,例如下边的例子,我们可以调用不同的CSS单独应用到HTML,使得样式单独管理。

???

了解了前两点内容后,我们应该怎么使用CSS呢一般情况下我们有三种使用CSS的方式:

有三种插入样式表的方法:行内 CSS内部、CSS和外部 CSS。

行内 CSS:

行内样式(也称内联样式)可用于为单个元素应用唯一的样式。如需使用行内样式,可以将 style 属性添加到相关元素,style 属性可包含任何 CSS 属性,下边的例子我们可以看到CSS被写在HTML标签内部,使用style 属性应用CSS:

???

内部 CSS:

如果一张 HTML 页面拥有唯一的样式,那么可以使用内部样式表,内部样式是在 head 部分的 <style> 元素中进行定义,我们可以看到下边的例子将<style> 元素放在HTML<head>标签内部实现样式应用:

???

外部 CSS:

外部CSS也是我们正式开发中最常用的方式,也是我们应该优先考虑的方式。通过使用外部样式表,只需修改一个文件即可改变整个网站的外观,下边的例子将CSS单独保存为.css后缀的样式文件,通过HTML<link>标签调用CSS文件,每张 HTML 页面必须在 head 部分的 <link> 元素内包含对外部样式表文件的引用。:

???

外部样式表可以在任何文本编辑器中编写,并且必须以 .css 扩展名保存,外部 .css 文件不应包含任何 HTML 标签。”mystyle.css” 是这样的:

???

以上我们介绍了CSS以及CSS在HTML中的调用方式,关于CSS怎么写可以先不考虑,只要知道怎么调用就可以了,详细的使用写法及规则我们会在后续章节详细讲解。

其它知识推荐

溜溜百科知识网——分享日常生活学习工作各类知识。 垃圾信息处理邮箱 tousu589@163.com
icp备案号 闽ICP备14012035号-2 互联网安全管理备案 不良信息举报平台 Copyright 2023 www.6za.net All Rights Reserved