×

css样式主要包含三种类型

作者:andy0012019.12.23来源:Web前端之家浏览:2755评论:0
关键词:htmlcss类型
微信公众号

微信公众号

css样式主要包含三种类型:行内样式、内联样式(内嵌样式)、外部样式(外联样式)。

CSS即层叠样式表(Cascading Style Sheets),是一种用来表现HTML或XML等文件样式的计算机语言。

CSS主要用来设计网页的样式,美化网页;它不仅可以静态地修饰网页,还可以配合各种脚本语言动态地对网页各元素进行格式化。

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

CSS样式主要包含以下三种类型:

1、行内样式:结构的内部,即写在标签内的样式;写在标签的开始部分内部,style属性当中。

例:

<标记 style="样式的属性名1:样式的属性值1;属性名2:属性值2;......"></标记>

2、内联样式(内嵌样式):写在HTML页面内部,存放于head标记当中,样式写在style标记内。

例:

<style>选择器 {属性名:属性值;属性名:属性值;......}</style>

3、外部样式(外联样式):

外联式是将所有的样式放在一个或多个以.css为扩展名的外部样式表文件中,通过<link/>标记将外部样式表文件链接到HTML文档中,其基本语法格式如下:

<link type="text/css" rel="stylesheet" href="css/main.css" />

上述语法中,<link> 标记需要放在<head>头部标记中,并且必须指定<link/>标记的个属性,具体介绍如下。

  • href:定义所链接外部样式表文件的URL,可以是相对路径,也可以是绝对路径。

  • type:定义所链接文档的类型,在这里需要指定为“text/css”,表示链接的外部文件为CS样式表。

  • rel:定义当前文档与被链接文档之间的关系,在这里需要指定为“stylesheet”,表示被链接的文档是一个样式表文件。

外联式是使用频率最高是最实用的CSS样式表,因为它将HTML代码与CSS代码分离为两个或多个文件,实现了将结构和样式完全分离,使得网页的前期制作和后期维护都十分方便。

温馨提示:本文作者系 ,经Web前端之家编辑修改或补充,转载请注明出处和本文链接:
http://www.miarww.com.cn/article/html820934809238409.html

网友评论文明上网理性发言 已有0人参与

发表评论:

最新留言

首页|JavaScript|HTML|HTML4|HTML5|CSS3|开发工具|性能优化|移动开发|前端教程|性能优化|开发工具|酷站欣赏|UI设计|前端教程

Copyright ? 2019 Web前端之家(www.miarww.com.cn) 版权所有 All Rights Reserved.
粤ICP备12067512号-1

Copyright Your WebSite.Some Rights Reserved.

Powered By Z-BlogPHP 1.5.2 Zero

时时彩平台哪个好 广西十一选五彩票平台 天津时时彩一天多少期 广东11选5平台 中国体彩辽宁11选5开奖结果 真钱捕鱼游戏是骗局吗 和讯模拟炒股大赛 上海时时乐从哪里买 幸运农场少女计划网 福彩幸运农场走势图表 江苏快三下期预测号码 股票k线图分析视频 股票换手率高股价下 湖北快三一定牛预测 广东十一选五玩法中奖规则 华东福彩东方6 1开奖结果 安徽11选5交流