CSS的三种使用方法。 行内样式: 内嵌式: 外部式:

CSS的三种使用方法。 行内样式: 内嵌式: 外部式:,第1张

外部式:

(1)用法:当要在站点上所有或部分网页上一致地应用相同样式时,可使用外部样式表。在一个或多个外码伏部样式表中定义样式,并将它们链接到所有网页,便能确保所有网页外观的一致性。如果人们决定更改样式,只需在外部样式表中修改一次,而该更改会反映到所有与该样式表相链接的网页上。

(2)举例:通常外部样式表以 .css 做为文件扩展名,例如 Mystyles.css。然后在需要此样式的页面中将其链接进来。

2.内嵌式:

(1)用法:当人们只是要定义当前网页的样式,可使用嵌入的样式表。嵌入的样式表是一种级联样式表,“嵌”在网页的 标记符内。嵌入的样式表中的样式只能在同一网页上使用。

(2)举例:在 MicrosoftFrontPage2000中,某些格式设置特性会作为内嵌样式自动应用。例如∶如果使用 “边框与阴影” 命令(在 “格式” 菜单上)在普通段落周围应用框,FrontPage 会写下格式设置信息,作为段落标记符的内嵌样式属性。

3.行内样式:

行内样式就是直接把CSS代码添加到HTML的标记中,即作为HTML标记的属性标记迟毁携存在。通过这种方法,可以很简单地对某个元素单独定义样式。

拓展资料:

CSS定义:

它是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。

CSS简介:

CSS(Cascading Style Sheet,可译为“层叠样式表”或“级联样式表”)是一组格式设置规则,用于控制Web页面的外观。通过使用CSS样式设置页面格式,可将页面的内容与表现形式分离。

优越性:CSS目前最新版本为CSS3,是能够真正做到网页表现与内容分离的一种样式设计语言。相对于传统HTML的表现而言,CSS能够对网页中的对象的位置排版进行像素级的精确控制,支持几乎所有的字体字号样式,拥有对网页对象和模型样式编辑的能力,并能够进行初步交互设计,是目前基于文本展示最优秀的余铅表现设计语言。

<style>茄困

div {放在这里的是内联样式凳宴}

</style>

<div style="放在这里的是行内样式"枣纳银>...</div>

<!DOCTYPE html><html lang="en"><head>

<meta charset="UTF-8">

<title>jQuery类选择器</title>

<style>

div {width: 100px height: 100px float: left padding: 5px margin: 10px background-color: #cccccc }

</style>

<script src="http://libs.baidu.com/jquery/1.9.1/jquery.js"></script></head><body><div class="js">

<p>div id="js"</p>

<p>got you!</p></div><div class ="jq">

<p>div id="扒碧jq"</p>

<p>got you!</p></div><div id="no">

<p>div id="no"</p>

<p>got you!</吵铅p></div><script type="text/javascript">

<!--原生js处理--> var oDiv = document.getElementsByClassName('js') for(var i=0i<oDiv.lengthi++){

oDiv[i].style.border = '3px solid green'

}</script><script type="text/javascript">

<!--通过jQuery直接传入类-->春碰举

$('.jq').css('border','3px solid red')

</script></body></html>


欢迎分享,转载请注明来源:内存溢出

原文地址: https://outofmemory.cn/yw/12401726.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-25
下一篇 2023-05-25

发表评论

登录后才能评论

评论列表(0条)

保存