css基础，HTML引入scc的三种方法

QQ:275487025
QQ群：854312770
欢迎各种大牛指点，和小白一起学习。

行内样式（内联式）比如在p标签中使用：

<p style="font-size:10px;color:#FFFFFF;">使用内联式表示的文字内容</p>

特点是：行内样式比其他方法更加简单灵活，但需要和展示的内容混淆在一起，从而会失去样式和内容相分离的优点。行内式是在body中使用的。

内部样式：（内嵌式）

<head><style type="text/css"p{font-size:10px;color:red;}</style>
</head>

适合用于当前文档具有独一无二的样式的情况；内嵌式是在HTML的头部标签head里面写的。

外部样式：
外部样式就是要把scc单独写一个文档中，把HTML也单独写一个文档中，通过类似链接的方式把scc和HTML合并，可以说是完全的把外部样式真正实现内容与表现的分离
，因为游览器一般都带有缓存的功能，所以用户不用每次下载css所以说外部样式相比以上两种样式要节省宽带的。有两种方法：（推荐使用第一种）

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

rel=”stylesheet” 是关系；type=”text/css”是类型，格式；href=”mystyle.css”是css是导入的文件名。

方法2：

<head><style typs="text/scc">@import url("mystyle2.scc").../*其他css定义*/</style>

typs=”text/scc”是格式，@import url(“mystyle2.scc”)这个是用@import导入css（“ 。。。”）这里面的是文件名。

注意：
如果在同一个选择器上同时使用几个不同的样式表时，则样式表的效果将会叠加
如果样式出现冲突，则离选择器越近样式优先级越高
因为行内样式在html元素内部，所以行内样式的优先级是最高的！

css基础，HTML引入scc的三种方法相关推荐

html按钮disabled状态,CSS定义input disabled样式的三种方法
表单提交的时候我们经常会让提交按钮禁用,满足条件后按钮恢复,disabled禁用按钮后怎么用CSS来改变禁用disabled按钮的样式呢?下面看青岛星网:CSS定义input disabled样式的三 ...
python3.4.4实现网页爬虫基础之网页下载器三种方法
这是是慕课网<Python开发简单爬虫>中网页下载器的三种实现方法,课程用的是python2.7,这里用最新的3.4.4实现出来,分享给新人: import urllib.request ...
html中页面整体居中,css实现网页内容整体居中的三种方法总结
下面我们来看一款利用css实现div中内容居中的方法,下面整理了三种css实现网页内容整体居中方法,希望对各位朋友会有所帮助. 例代码如下复制代码 -//W3C//DTD XHTML 1.0 Tr ...
css水平垂直居中(不定高)的三种方法
<style>.parent{ height:200px;width:200px;border:1px solid #000;}.son{width:100px;background: r ...
JavaScript程序基础（一）网页中引入Javascript的三种方法
JavaScript是一种基于对象的脚本编程语言,具有动态.跨平台.基于对象和安全等特性.它不需要经过编译,而是直接嵌入在HTML页面中运行,可把单纯的HTML页面转变成支持用户交互和事件响应的动态页 ...
CSS实现导航条Tab切换的三种方法
前面的话导航条Tab在页面中非常常见,本文说详细介绍CSS实现导航条Tab的三种方法布局根据上图所示,先规定几个定义,上图的模块整体叫做导航,由导航标题和导航内容组成.要实现上图所示的布局效 ...
html清除图片上下间距,css - 三种方法解决LI和内部Img的上下间距问题
在火狐浏览器和谷歌浏览器(qq浏览器,谷歌内核)bug类似这张图: img的高度是190*127 但是放到li中,li并没有设置高度,却和内部的图片之间上下错位. 若强行给li设置高度127,他和im ...
引入CSS样式的三种方法
样式表放在不同的地方,产生作用的范围也不同.大致来说,样式表分为内联样式表和外联样式表,即有页面内放置.外部引用.外部导入三种方式. 内联样式表内联样式表就是把样式表规则放在 < HEAD&g ...
HTML引入CSS样式三种方法及优先级
HTML引入CSS样式三种方法及优先级 CSS样式的写法 HTML引入CSS样式三种方法及优先级: 方法 css的样式引用由3种方式.分别为行内样式.内部样式(嵌入式)和外部样式: 行内样式: ...
CSS 引入 HTML 的三种方式
CSS 引入 HTML 的三种方式在 html 文档中引入 CSS 样式表有三种引入方法: 内部样式表(嵌入式) 行内样式表(行内式) 外部样式表(链接式) 一.内部样式表内部样式表(内嵌 ...

css基础，HTML引入scc的三种方法

css基础，HTML引入scc的三种方法相关推荐

最新文章

热门文章