TAGS
    CSS基础学习:样式表CSS简明教程
    样式表CSS在网页中占着极重要的地位,它的使用一直是热门讨论的话题。CSS是CascadingStyleSheet的简写,译为“层叠样式表单”。CSS几乎可以定义所有的网页元素,CSS虽然功能强大,但平时我们用到的是很少的,最常见的有:定义字体大小(用CSS定义的字体大小不会浏览器的字体设置而改变)、去掉超链下划线、超链接变色等等。下面详细、简练地讲如何使用CSS。1.CSS加在什么位置?编辑CSS时候,强烈建议使用记事本之类的文本编辑工具打开你的网页代码。找到和,在和之间加入这...
    查看详情 | 2012.05.22
      CSS教程(八) 简单介绍CSS结合JS的运用
      八、简单介绍CSS结合JS的运用(针对事件动作)利用CSS配合Javascript的可以做很多更酷的动态页面效果,在本教程的最后给大家简单介绍一下CSS配合JS的应用。首先,我们要搞清楚事件和动作的概念。在客户端脚本中,JavaScript通过对事件进行响应来获得与用户的交互。例如,当用户单击一个按钮或者在某段文字上移动鼠标时,就触发了一个单击事件或鼠标移动事件,通过对这些事件的响应,可以完成特定的功能(例如,单击按钮弹出对话框,鼠标移动到文本上后文本变色等)。下面介绍几种常见的事件(还用更多事...
      查看详情 | 2012.04.30
        CSS教程(七) 滤镜
        CSS提供了一些内置的多媒体滤镜特效,使用这种技术可以把可视化的滤镜和转换效果添加到一个标准的HTML元素上,例如图片、文本容器、以及其他一些对象。Dreamweaver4提供了16种滤镜可供选择,如下图:下面,我们就来看看在Dreamweaver4里如何方便的使用这些CSS滤镜。建立一个自定义样式“.filter”,在Filter下拉框里选Alpha滤镜,我们将“Alpha(Opacity=?,FinishOpacity=?,Style=?,StartX=?,StartY=?,FinishX=?,FinishY=?)”的Opacity参数设为50,后面的参数都删掉,...
        查看详情 | 2012.04.30
          CSS教程(六) DW4中CSS属性详解
          在Dreamweaver4的CSS样式里包含了W3C规范定义的所有CSS1的属性,Dreamweaver4把这些属性分为Type(类型)、Background(背景)、Block(块)、Box(盒子)、Border(边框)、List(列表)、Positioning(定位)、Extensions(扩展)八个部分,如下图,下面我们分别详细讲解。1.Type(类型)Type面板主要是对文字的字体,大小,颜色,效果等基本样式进行设置。设置时,我们只对要改变的属性进行设置,没有必要改变的属性就空着。注意:属性名带*号的是指样式效果不能在编辑文...
          查看详情 | 2012.04.30
            CSS教程(五)用DW4创建CSS
            1.CSSStyles面板通过前面几章的学习,相信大家对CSS有了一定的了解,这一章我们来讲解如何利用Dreamweaver4来创建CSS。首先运行Dreamweaver4,启动后,选择菜单下的Windows->CSSStyles(或按Shitf+F11),系统弹出CSSStyles管理面板,如下图所示:在CSSStyles面板里显示了所有自定义的CSS样式(也就是上面提到的以点开头的类选择符,Dreamweaver4把这样以点开头的类选择符作为自定义样式来使用),可以利用Apply按钮这些CSS样式随意应用在页面中的文本或文档区域。...
            查看详情 | 2012.04.30
              CSS教程(四)如何在网页中插入CSS
              前两章我们了解了CSS的语法,但要想在浏览器中显示出效果,就要让浏览器识别并调用。当浏览器读取样式表时,要依照文本格式来读,这里介绍四种在页面中插入样式表的方法:链入外部样式表、内部样式表、导入外表样式表和内嵌样式。链入外部样式表链入外部样式表是把样式表保存为一个样式表文件,然后在页面中?lt;link>标记链接到这个样式表文件,这个标记必须放到页面的区内,如下:……
              查看详情 | 2012.04.30
                CSS教程(三)伪类——动态链接
                伪类可以看做是一种特殊的类选择符,是能被支持CSS的浏览器自动所识别的特殊选择符。它的最大的用处就是可以对链接在不同状态下定义不同的样式效果。1.语法伪类的语法是在原有的语法里加上一个伪类(pseudo-class):selector:pseudo-class{property:value}(选择符:伪类{属性:值})伪类和类不同,是CSS已经定义好的,不能象类选择符一样随意用别的名字,根据上面的语法可以解释为对象(选择符)在某个特殊状态下(伪类)的样式。类...
                查看详情 | 2012.04.30
                  CSS教程(二)语法
                  1.基本语法CSS的定义是由三个部分构成:选择符(selector),属性(properties)和属性的取值(value)。基本格式如下:selector{property:value}(选择符{属性:值})选择符是可以是多种形式,一般是你要定义样式的HTML标记,例如BODY、P、TABLE……,你可以通过此方法定义它的属性和值,属性和值要用冒号隔开:body{color:black}选择符body是指页面主体部分,color是控制文字颜色的属性,black是颜色的值,此例的效果是...
                  查看详情 | 2012.04.30
                    CSS教程(一)认识CSS
                    Dreamweaver4是现今最好的网站编辑工具之一,用它来给制作网页的CSS样式表会更简单、更方便。本教程教你如何利用Dreamweaver4在页面中加入CSS,你不用死记硬背的记代码标记,也不用去看很厚的CSS手册,你就可以轻松自如的在网页中运用CSS。不过首先你要对CSS有一定的了解。因此,本教程的前面4章为CSS理论知识,主要是对CSS的全面介绍,希望读者看后对CSS的语法、结构、应用有一个全面的了解;后面4章为DW实战,主要是教你如何利用Dreamweaver4灵活运用CSS在网页中。阅读此文前,你需要对HTML有一定的了解,并会使用Dreamweaver。...
                    查看详情 | 2012.04.30
                          CSS完全教程3 媒体(Media)类型
                          1、媒体(Media)类型样式单的一个最重要的特点就是它可以作用于多种媒体,比如页面、屏幕、电子合成器等等。特定的属性只能作用于特定的媒体,如"font-size"属性只对可卷动的媒体类型有效(屏幕)。声...
                          查看详情 | 2012.04.27
                                      CSS完全教程9 列表属性
                                      列表属性:这里的属性用来描述列表(list)的一系列属性。list-style-type属性描述用于列表每一项前使用的符号:属性名称:'list-style-type'...
                                      查看详情 | 2012.04.27
                                        CSS完全教程10 表格属性
                                        CSS属性:8、表格属性:由于表格中的大部分属性已经在以上的各类属性中探讨过了,所以这里只有两个属性介绍:row-span属性描述表格跨越的行的数目:
                                        查看详情 | 2012.04.27