DHTML之CSS学习心得(1)

    关于DHTML

它的实际意思是用JavaScript来控制样式表,也就是,用JavaScript来显示,隐藏,拖动层,或者当用户在某些文字上移动鼠标时修改文字的字体大小.确切地说,JavaScript是用来改变页面中的内容,如果改变样式表的设置,如层或字体,那么就使用DHTML. DHTML代表某类JavaScript用法

 

1. CSS 版本    

    CSS有很多版本,目前使用的是第三版,即CSS3。所有浏览器都支持最初两个版本的CSS,即CSS1和CSS2

2. CSS 用途

    (a) 设置页面中的字体

    (b) 定义层及其在页面中的位置

    (c) 修改HTML标记

基本上,CSS的使用仅限于(a),(b),第三种使用没有特别好处.

 

3. 局限

    不同的浏览器对JavaScript有不同的处理. 所以,开发代码是要注意在各种平台,各种浏览器下都能使用!

4. 样式表运行位置

    通常位于web页面的标题处,也就是<head></head>标签之间,可以位于正文, 但一般不采取

5. 样式表大概框架

    <style type = "text/css">

        .bigText

        {

            font-famili:arial;

            font-weight:bold;

            font-style:italic;

            font-size:40pt;

            color:red;

        }

    </style>

    可以看到样式表位于<style>标签之间. 在<style>标签里可以创建类,此处就是bigText, 类以"."开头.

通用如下:

        <style type="text/css">

            class/layer/tag

            {

                parameter:value;

            }

        </style>

在web页面上实现字体类,也就是调用CSS设置,可以使用<span>标记,如下:

<span class="bigText">here is some text</span>

 

6. 多个类和级联

    如下代码:<span class="bigText">big text<span class="green">green inside bigtext</span></span>

其中bigText green是<style>标签中的类。这段代码的理解为:除非green类有特别声明,否则bigText将强加给green类所有的字体信息。也就是,假设bigText类设置为字体5号,颜色red; green类设置为字体六号,则以上"big text"显示为字体字体5号,颜色red,"green inside bigtext"显示为字体6号,颜色red。

    个人觉得实际中尽量少用级联,这样不利于代码的可读性。

 

7. 类中可指定内容(下一篇blog)

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值