CSS教程(一)初识CSS

css教程(一)认识css  

  dreamweaver4是现今最好的网站编辑工具之一,用它来给制作网页的css样式表会更简单、更方便。本教程教你如何利用dreamweaver4在页面中加入css,你不用死记硬背的记代码标记,也不用去看很厚的css手册,你就可以轻松自如的在网页中运用css。不过首先你要对css有一定的了解。因此,本教程的前面4章为css理论知识,主要是对css的全面介绍,希望读者看后对css的语法、结构、应用有一个全面的了解;后面4章为dw实战,主要是教你如何利用dreamweaver4灵活运用css在网页中。阅读此文前,你需要对html有一定的了解,并会使用dreamweaver。

一、  认识css

css就是cascading style sheets,中文翻译为“层叠样式表”,简称样式表,它是一种制作网页的新技术。

网页设计最初是用html标记来定义页面文档及格式,例如标题

、段落

、表格

、链接等,但这些标记不能满足更多的文档样式需求,为了解决这个问题,在1997年w3c(the world wide web consortium)颁布html4标准的同时也公布了有关样式表的第一个标准css1, 自css1的版本之后,又在1998年5月发布了css2版本,样式表得到了更多的充实。w3c把dhtml(dynamic html)分为三个部分来实现:脚本语言(包括javascript、vbscript等)、支持动态效果的浏览器(包括internet explorer、netscape navigator等)和css样式表。

你可以用css精确的控制页面里每一个元素的字体样式、背景、排列方式、区域尺寸、四周加入边框等。使用css能够简化网页的格式代码,加快下载显示的速度,外部链接样式可以同时定义多个页面,大大减少了重复劳动的工作量。

注意:css需要ie4(internet explorer 4.0)和nc4(netscape 4.0)以上的浏览器支持,有些效果需要更高版本的浏览器支持。<!–

CSS教程(一)初识CSS

–>

以上就是CSS教程(一)初识CSS 的详细内容,更多请关注【创想鸟】其它相关文章!

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至253000106@qq.com举报,一经查实,本站将立刻删除。

发布者:PHP中文网,转转请注明出处:https://www.chuangxiangniao.com/p/2904118.html

(0)
上一篇 2025年3月11日 01:58:31
下一篇 2025年3月11日 01:58:40

AD推荐 黄金广告位招租... 更多推荐

相关推荐

  • CSS教程(二)基础语法

    1.  基本语法 css的定义是由三个部分构成:选择符(selector),属性(properties)和属性的取值(value)。基本格式如下:selector {property: value} (选择符 {属性:值})选择符是可以是多…

    2025年3月11日
    200
  • CSS教程(三)伪类——动态链接

    伪类可以看做是一种特殊的类选择符,是能被支持css的浏览器自动所识别的特殊选择符。它的最大的用处就是可以对链接在不同状态下定义不同的样式效果。 1.  语法 伪类的语法是在原有的语法里加上一个伪类(pseudo-class):selecto…

    2025年3月11日
    200
  • CSS教程(四)如何在网页中插入CSS

    前两章我们了解了css的语法,但要想在浏览器中显示出效果,就要让浏览器识别并调用。当浏览器读取样式表时,要依照文本格式来读,这里介绍四种在页面中插入样式表的方法:链入外部样式表、内部样式表、导入外表样式表和内嵌样式。   链入外部样式表 链…

    2025年3月11日
    200
  • CSS教程(五)如何使用DW4创建CSS

    1. css styles面板 通过前面几章的学习,相信大家对css有了一定的了解,这一章我们来讲解如何利用dreamweaver4来创建css。首先运行dreamweaver4,启动后,选择菜单下的windows->css styl…

    2025年3月11日
    200
  • CSS教程(六) DW4中CSS属性详解

    在dreamweaver4的css样式里包含了w3c规范定义的所有css1的属性,dreamweaver4把这些属性分为type(类型)、background(背景)、block(块)、box(盒子)、border(边框)、 list(列表…

    2025年3月11日
    200
  • CSS教程(七) 滤镜

    css提供了一些内置的多媒体滤镜特效,使用这种技术可以把可视化的滤镜和转换效果添加到一个标准的html元素上,例如图片、文本容器、以及其他一些对象。dreamweaver4提供了16种滤镜可供选择,如下图: 下面,我们就来看看在dreamw…

    2025年3月11日
    200
  • CSS教程(八) 简单介绍CSS结合JS的运用

    八、 简单介绍css结合js的运用(针对事件动作) 利用css配合javascript的可以做很多更酷的动态页面效果,在本教程的最后给大家简单介绍一下css配合js的应用。首先,我们要搞清楚事件和动作的概念。在客户端脚本中,javascri…

    2025年3月11日
    200
  • 使用css实现加载中动画效果

    css实现加载中动画效果如下: html      加载中       登录后复制 css 立即学习“前端免费学习笔记(深入)”; .ui-loading-wrap {    display: -webkit-box;    -webkit…

    2025年3月11日
    200
  • 说说css中link和@import的区别

    我们都知道link与@import都可以引入css样式表,那么这两种的区别是什么呢?先说说它们各自的链接方式,然后说说它们的区别~~~  link链入的方式:   @import导入的方式: 登录后复制 @import url('…

    编程技术 2025年3月11日
    200
  • css各种实用技巧

    其它技巧和经验列表(*以下实例默认运行环境都为Standard mode): 如何让层在falsh上显示? 方法: 设置flash的wmode值为transparent或opaque 登录后复制 如何使用标准的方法在页面上插入flash? …

    编程技术 2025年3月11日
    200

发表回复

登录后才能评论