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完全教程1 什么是CSS? |
自W3C(TheWorldWideWebConsortium)制定了代号为Cougar的HTML的4.0版本以来,存在在Web页面中的动态效果首次被正式的承认了,W3C... |
查看详情 | 2012.04.27 |
CSS完全教程2 选择器(Selector) |
1、选择器(Selector)选择器不只是文档中的元素标记,它还可以是类(Class,这不同于Java或C++中的类)、 |
查看详情 | 2012.04.27 |
CSS完全教程3 媒体(Media)类型 |
1、媒体(Media)类型样式单的一个最重要的特点就是它可以作用于多种媒体,比如页面、屏幕、电子合成器等等。特定的属性只能作用于特定的媒体,如"font-size"属性只对可卷动的媒体类型有效(屏幕)。声... |
查看详情 | 2012.04.27 |
CSS完全教程4 BOX模型(BOX Model)属性 |
2、BOX模型(BOXModel)属性什么是BOX?CSS把HTML中以…… |
查看详情 | 2012.04.27 |
CSS完全教程5 布局(Layout)属性 |
3、布局(Layout)属性:在以前的HTML里,元素的位置只能靠元素的依次排列觉得,而在CSS里你可以更精确的定位元素。Netscape曾提出过Layer |
查看详情 | 2012.04.27 |
CSS完全教程6 颜色和背景(Color and Background)属性: |
4、颜色和背景(ColorandBackground)属性:这里介绍有关CSS中前景色和背景颜色、图片的设定方法。 |
查看详情 | 2012.04.27 |
CSS完全教程7 字体(Font)属性 |
5、字体(Font)属性:这里定义了关于字体的各种属性。font-family属性定义字体的名称,可以是一个字体的名称,也可以是... |
查看详情 | 2012.04.27 |
CSS完全教程8 文本(Text)属性 |
6、文本(Text)属性:这里的属性将影响WEB文档中的文本显示情况。text-indent |
查看详情 | 2012.04.27 |
CSS完全教程9 列表属性 |
列表属性:这里的属性用来描述列表(list)的一系列属性。list-style-type属性描述用于列表每一项前使用的符号:属性名称:'list-style-type'... |
查看详情 | 2012.04.27 |
CSS完全教程10 表格属性 |
CSS属性:8、表格属性:由于表格中的大部分属性已经在以上的各类属性中探讨过了,所以这里只有两个属性介绍:row-span属性描述表格跨越的行的数目: |
查看详情 | 2012.04.27 |
CSS完全教程11 用户属性 |
CSS属性:9、用户界面属性:cursor属性,用户可以指定在某个元素上要使用的光标形状: |
查看详情 | 2012.04.27 |