仓酷云

 找回密码
 立即注册
搜索
热搜: 活动 交友 discuz
查看: 569|回复: 8
打印 上一主题 下一主题

[DIV+CSS] CSS教程之CSS使用基本教程(1) 基础熟悉

[复制链接]
若天明 该用户已被删除
跳转到指定楼层
楼主
发表于 2015-1-16 00:17:59 | 只看该作者 回帖奖励 |倒序浏览 |阅读模式

马上注册,结交更多好友,享用更多功能,让你轻松玩转社区。

您需要 登录 才可以下载或查看,没有帐号?立即注册

x
使页面的字体变得更漂亮,更容易编排,使页面真正赏心悦目。
<P>关 於 C S S 的 概 论
  CSS是『CascadingStyleSheets』的简称,中文翻为「串接款式表」,也有人只翻为「款式表」。CSS用以作为网页的排版与作风计划,在所谓的「旧式网页」里,CSS无可置疑是相称主要的一环。CSS是以既有的基本,用以填补既存HTML规格里的不敷,也让网页的计划更加天真。
  这份教授教养文件就要来为您先容CSS的使用罗!在这边其实不先容CSS的一切规格,仅就您在网页写作上较经常使用到,较大概用到的语法部分及使用的办法来为您作先容。也由於如今两扫瞄器的相容是渐行渐远,将知心地为您说明增援该语法的扫瞄器。而IE从3.0入手下手便增援部分语法了,这点也会为为您说明的。

各 章 节 的 概 略 介 绍
  为了您参考与进修上的便利,在这里先为您大抵地申明一下这份教授教养文件各章节所包括的内容吧!让您在参考时有个偏向与观点。基础上,前两章著重於观点与基础认知的创建,也就是一些为您做一些札根的事情;第三章则为您增补在使用与设定上的一些别的体例或特征的申明与先容。而第四章到第六章则著重於语法、参数与性子的先容,也就是真正创建在款式内外面的东东。
第一章 CSS的基础熟悉:
就是本章啦!就先容您一些CSS基础观点与熟悉。
第二章 CSS的使用体例:
为您先容CSS的基础宣布、使用办法与特征先容。
第三章 CSS的使用增补:
为您先容CSS的别的宣布体例、使用与特征先容。
第四章 页面性子的CSS:
为您先容页面性子的CSS相干语法、参数与性子。
第五章 笔墨性子的CSS:
为您先容笔墨性子的CSS相干语法、参数与性子。
第六章 区块性子的CSS:
为您先容区块性子的CSS相干语法、参数与性子。

应 用 上 的 基 本 认 识
  使用CSS其实不坚苦,可是请您先参考这里的基础熟悉,对一些用语有了一点基础观点後,对於您在看後面的教授教养会有助益,看起来也才不会太费劲!
1、基础用语的熟悉:
元件(element):亦即HTML基础语法中的标签(tag)。
属性(attribute):用以形貌标签特征的属性。
比方:
<HRWIDTH="90%">中,HR为标签,WIDTH为属性,而80%即为WIDTH属性的值。
性子(property):用以形貌元件的特征。相称於HTML基础语法中的属性。
款式(style):具有一组或数组的性子,用以形貌元件特征。
选择者(selector):套用款式的元件。
比方:
H3{COLOR:BLUE}中,H3为选择者,COLOR为性子,BLUE为COLOR性子的值。
2、基础单元的熟悉:
有绝对单元与相对单元两种单元表达体例。
绝对单元:
『em』:绝对於字母高度的比例因子。
『en』:绝对於字型巨细的比例因子。
『%』:绝对於长度单元(一般是今朝字型的巨细)的百分比例。
相对单元:
『in』:英寸。
『cm』:公分。
『mm』:公厘。
『px』:像素(体系预设单元)。
『pc』:pica,印刷活字单元。
『pt』:像点。
绝对干系:1in=6pc=72pt=2.54cm=25.4mm
3、色彩利用的熟悉:
色彩的暗示共有五种体例。
『#RRGGBB』:
以三个00到FF的十六进位值分离暗示0到255十进位值的红、绿、蓝三原色数值。
『#RGB』:
大略暗示法,只用三个0到F的十六进位值分离暗示红、绿、蓝三原色数值。而现实上,扫瞄器会主动扩大为六个十六进位的值,如『#ABC』将变成『#AABBCC』。可是,显见如许的暗示法其实不准确。
『rgb(R,G,B)』:
以0到255十进位值的红、绿、蓝三原色数值来暗示色彩。
『rgb(R%,G%,B%)』:
以红、绿、蓝相互绝对的数值比例来暗示色彩,如『rgb(60%,100%,75%)』。
『Color_Name』:
间接以色彩称号来暗示色彩,共有141种尺度的色彩称号。


最新版本html5+CSS3与2014年10月29日,万维网联盟宣布,经过几乎8年的艰辛努力,该标准规范终于最终制定完成。
谁可相欹 该用户已被删除
沙发
发表于 2015-1-18 06:00:51 | 只看该作者
在Dreamweaver里可以很轻松的完成图文混排、插入图片、插入Flash、插入音频、插入视频。
再现理想 该用户已被删除
板凳
发表于 2015-1-24 10:21:57 | 只看该作者
还可以在Dreamweaver常用工具中选择超级链接,完成相应的填写即可。
admin 该用户已被删除
地板
发表于 2015-2-1 08:50:21 | 只看该作者
在Dreamweaver里可以很轻松的完成图文混排、插入图片、插入Flash、插入音频、插入视频。
变相怪杰 该用户已被删除
5#
发表于 2015-2-7 03:18:46 | 只看该作者
这个过程其实就是交流的过程。所有的这些都需要花时间。在面对完全陌生的软件时,就要多花时间对其产生初步的印象。此外,多操作也是非常重要的。
活着的死人 该用户已被删除
6#
发表于 2015-2-20 11:52:47 | 只看该作者
还是在Dreamweaver所见即所得添加链接是,可以选中文字或图片然后按下shift键不放鼠标拖出箭头直接指向文件即可。这是比较简单的也是常用的方之一。
老尸 该用户已被删除
7#
发表于 2015-3-6 17:39:42 | 只看该作者
Dreamweaver8中文版(dw)是由Macromedia公司开发的一款所见即所得的网页编辑器。和二维动画设计软件FLASH,专业网页图像设计软件FIREWORKS,并称为“网页三剑客”。
第二个灵魂 该用户已被删除
8#
发表于 2015-3-13 06:10:38 | 只看该作者
滚动条)层属性--溢出(visible/hidden/scroll/auto)
只想知道 该用户已被删除
9#
发表于 2015-3-20 15:19:03 | 只看该作者
直接用代码建立链接,如:可以直接输入 <a herf = \\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\"red.html\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\">红色的网页 12、插入标签法建立链接,可以再选中文字后在代码中插入html标签,页元素<a>.也可以按ctrl+t进入html标签插入方法之后输入代码即可。
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

QQ|Archiver|手机版|仓酷云 鄂ICP备14007578号-2

GMT+8, 2024-5-28 16:36

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表