javascript + CSS + JQuery

来源：互联网发布：淘宝大码鞋店编辑：程序博客网时间：2024/06/07 10:26

==========================================================
CSS的基本语法：

选择符{ 样式属性：取值；样式属性：取值；。。。。。。。}

选择符可以是： body h1 id class等标签值

例如：#lay 表示选择 < div id=lay >

添加CSS的4种方法：
1. 链接外部样式表：是在网页中调用已经定义好的样式表来实现样式表的应用，它是一个单独的文件，在页面中用
< link > 标记链接到这个样式表文件，该标签必须放在<head>标签内部。
例如：<head>
< link rel=stylesheet type=text/css href=slstyle.css>
</head>

适用于大型网站外观的统一调整。

2. 内部样式表：
一般位于html的头部，即<head>内部，并且以<style>和结束，这些定义的样式就可以应用到页面中。
例如：
<head>
<style type="text/css">

<!--
body{
margin-left:0px;
margin-top:0px;
}

.style1{ color:#fbe334 ; font-size:13px }

-->
</style>
</head>

3. 导入外部样式表：
是指在内部样式表的<style>里导入一个外部样式表，导入时@import
<style type="text/css">

@import slstyle.css
</style>

4. 内嵌样式表：混合在html标记里使用的，可以单独对某个元素设定样式。
例如：<table style=color:red;margin-right:220px>

实际用到的案例汇总：

一：
<head>
<style type="text/css">

<!--

.h{ font-family:"宋体" }

-->
</style>
</head>

<body>
<span class="h" > 自古无与不成宴。</span>
</body>

二：

<head>
<style>
#Layer{ font-family:"宋体" }
</style>
</head>

<body>
<div id="Layer" > 自古无与不成宴。</div>
</body>

==============================

阅读全文

0 0