Dreamweaver 各种css样式的区别(可追加分数)

作者&投稿:邓农 (若有异议请与网页底部的电邮联系)
dreamweaver里的CSS样式和模板有什么不同?~

CSS好比衣服 同一个人CSS的不同 装扮也就不同

模板好比骨架 骨架的不同 人的形状就不同 有高矮胖瘦之分

CSS是定义网页各种元素 字体、颜色等

模板是定义网页框架 什么地方放什么东西 是人家做好的样板

首先请你明白一个问题,大家回答问题不是需要你的分的,我有1500多分,平时也没怎么用,所以不缺分,我们是分享学习经验,不要老那么势利哈,我觉得你的问题很模糊不知道你想问什么,我就按我的理解来说。
CSS样式用在html中用3中途径,行内样式、链接式、嵌入式,他们的优先级是行内样式>嵌入式>链接式,我们推荐用链接式,应为把一部分代码写在一边,打开网页时下载就会快很多。

1、文本样式的设置
  字体:可以在下拉菜单种选择相应的字体。大小:大小就是字号,可以直接填入数字,然后选择单位。样式:设置文字的外观,包括正常、斜体、偏斜体。行高:这项设置在网页制作种很常用。设置行高,可以选择“正常”,让计算机自动调整行高,也可以使用数值和单位结合的形式自行设置。需要注意的是,单位应该和文字的单位一致,行高的数值是包括字号数值在内的。例如,文字设置为12pt,如果要创建一倍行距,则行高应该为24pt。变量:在英文种,大写字母的字号一般比较大,采用“变量”中的“小型大写字母”设置,可以缩小大写字母。颜色:设置文字的色彩。
  2、背景样式的设置
  背景颜色:选择固定色作为背景。背景图像:直接填写背景图像的路径,或单击“浏览”按钮找到背景图像的位置。重复:在使用图像作为背景的时,可以使用此项设置背景图像的重复方式,包括“不重复”、“重复”、“横向重复”、和“纵向重复“。附件:选择图像做背景的时候,可以设置图像是否跟随网页一同滚动。水平位置:设置水平方向的位置,可以“左对齐“右对齐”、“居中”。还可以设置数值与单位结合表示位置的方式,比较常用的是像素单位。垂直位置:可以选择“顶部”、“底部”、“居中”。还可以设置数值和单位结合表示位置的方式。
  3、区块样式设置
  单词间距“英文单词之间的距离,一般选择默认设置。字母间距:设置英文字母间距,使用正值为增加字母间距,使用负值为减小字母间距。垂直对齐:设置对象的垂直对齐方式。文本对齐:设置文本的水平对齐方式。文字缩进:这是最重要的项目。中文文字的首行缩进就是由它来实现的。首先填入具体的数值,然后选择单位。文字的缩进和字号要保持统一。如字号为12px,像创建两个中文自的缩进效果,文字缩进就应该为18px。空格:对源代码文字空格的控制。选择“正常”,忽略源代码文字之间的所有空格。选择“保留”,将保留源代码中所有的空格形式,包括由空格键、Tab键、Enter键创建的空格。显示:制定是否以及如何显示元素。选择“无”则关闭它被制定给的元素的显示。在实际控制中很少使用。
  4、方框样式的设置
  宽:通过数值和单位设置对象的宽度。高:通过设置和单位设置对象的高度。
  浮动:实际就是文字等对象的环绕效果。选择“右对齐”、对象居右。文字等内容从另外一侧环绕对象。选择“左对齐”。对象居左,文字等内容从另一侧环绕。“无”取消环绕效果。
  清除:规定对象的一侧不许有层。可以通过选择“左对齐”、“右对齐”,选择不允许出现层的一侧。如果在清除层的一侧有层,对象将自动移到层的下面。“两者”是指左右都不允许出现层。“无”是不限制层的出现。
  “填充”和“边界”:如果对象设置了边框,“填充”是指边框和其中内容之间的空白区域;“边界”是指边框外侧的空白区域。
  5、边框样式设置
  宽度:设置4个方向边框的宽度。可以选择相对值:细、中、粗。也可以设置边框的宽度值和单位。
  颜色:设置边框对应的颜色,如果选中“全部相同”复选框,则其他方向的设置都与“上”相同。
  6、列表样式设置
  类型:设置引导列表项目的符号类型。可以选择圆点、圆圈、方块、数字、小写罗马数字、大写罗马数字、小写字母、大写字母、无列表符号等。
  项目符号图像:可以选择图像作为项目的引导符号,单击右侧的“浏览”按钮,找到图像文件即可。选择ul标签可以对整个列表应用设置,选中li标签可对单独的项目应用。
  位置:决定列表项目缩进的程度。选择“外”,列表贴近左侧边框,选择“内”,列表缩进。这项设置效果不明显。
  7、扩展样式的设置
  CSS样式还可以实现一些扩展功能,这些功能集中在扩展面板上。这个面板主要包括3种效果:分页、光标和过滤器。在CSS规则定义”对话框左侧选择“扩展”项,可以在右边区域设置CSS样式的扩展格式。
  分页:通过样式来为网页添加分页符号。允许用户指定在某元素前或后进行分页。分页的概念是打印网页种的内容时在某指定的位置停止,然后将接下来的内容继续打印在下一页纸上。
  光标:通过样式改变鼠标形状,鼠标放置于被此项设置修饰的区域上的时,形状会发生改变。具体的形状包括:Hand(手)、crosshair(交叉十字)、text(文本选择符号)、wait(Windows的沙漏形状)、default(默认的鼠标形状)、help(带问号的鼠标)、e-resize(向东的箭头)、ne-resize(指向东北方的箭头)、n-resize(向北的箭头)、nw-resize(指向西北的箭头)、w-resize(向西的箭头)、sw-resize(向西南的箭头)、s-resize(向南的箭头)、se-resize(向东南的箭头)、auto(正常鼠标)。)

类样式是需要调用的,比如对文字样式用类样式来写,则需要在p标签后用class来调用,也可以直接在属性面板的样式中选择你写好的样式;标签样式是针对整个页面来的,比如:p{color:#000000;text-decoration:underline;},那么,页面中用p标签引导的文字都是黑色、有下划线的;高级又分为两种:ID和伪类,ID以#号开始命名,在web标准中是不容许重复ID的,如id="a"不允许重复两次,id也是在代码中用id调用,伪类是对链接样式进行设置,链接样式有四种:a link、a visited、a hover、a active,分别是设计页面的链接样式、打开IE页面时的链接样式、鼠标滑过的链接样式、访问过后的链接样式,一般的只要对a hover和 a visited进行样式设置就行了.


reamweave 鼠标经过时变成另一种文字以及颜色 怎么做? 1 人关注 0...
手机版 我的知道 reamweave 鼠标经过时变成另一种文字以及颜色 怎么做? 1 人关注 0 条评论 10  我来答 分享 微信扫一扫 网络繁忙请稍后重试 新浪微博 QQ空间 举报 可选中1个或多个下面的关键词,搜索相关资料。也可直接点“搜索资料”搜索整个问题。 weave 鼠标 颜色 文字 关注 搜索资料 本地图片 图...

梅列区14749935508: 在Dreamweaver中,可以使用哪些类型的CSS样式? -
姓常复方: 层叠样式表 (CSS) 是一系列格式设置规则,它们控制 Web 页面内容的外观.使用 CSS 设置页面格式时,内容与表现形式是相互分开的.页面内容(HTML 代码)位于自身的 HTML 文件中,而定义代码表现形式的 CSS 规则位于另一个文件...

梅列区14749935508: dreamweaver css样式 -
姓常复方: 第1种,标记如对所有A标记的样式进行定义:a{color:#0000FF;} 第2种,类.c1{color:red}引用<font class=c1>text></font> 第3种,混合式div.menulist{padding:0px;border:1px solid red;}这种情况下,<div class=menulist...会应用而<font class=...

梅列区14749935508: Dreamweaver 各种css样式的区别(可追加分数) -
姓常复方: 类样式是需要调用的,比如对文字样式用类样式来写,则需要在p标签后用class来调用,也可以直接在属性面板的样式中选择你写好的样式;标签样式是针对整个页面来的,比如:p{color:#000000;text-decoration:underline;},那么,页面中用p...

梅列区14749935508: Dreamweaver中,如何新建CSS样式? -
姓常复方: 看你要什么样子的,有四种方式,行内样式,内嵌式,链接和导入式 行内呢是在标签里直接写,比如<div style="text-align:center; width:750px;"> 内嵌是写在<head></head>之间,例如:<style type="text/css"> <!-- body {margin:0 auto;...

梅列区14749935508: Dreamweaver怎样应用CSS类样式 -
姓常复方: 有四种方式添加css样式表:一、使用STYLE属性:将STYLE属性直接加在个别的元件标签里. 二、使用STYLE标签:将样式规则写在...标签之中. .三、使用 LINK标签:将样式规则写在.css的样式档案中,再以标签引入. 四、使用@import引入:跟LINK用法很像,但必 放在... 中.

梅列区14749935508: dreamweaver怎样创建新的CSS规则 -
姓常复方: 在dreamweaver cc中可以直接创建css文件,或在内面内手写输入css代码定义规则等等. 如果要使用可视化css编辑,可以使用css设计器,在默认的界面下,在软件窗口右侧的活动窗口内就可以找到css设计器. 例如:新建一个html文件,点击css设计器的“源”窗口的“+”号,选择创建css的方式,包括:新建css;附件已有的css或在页面内创建css样式. 点击“选择器“窗口的”+“号,选择body,可以看到下面的”属性“窗口内显示出可以编辑的属性列表,鼠标点击相应的属性就可以选择或填写数值进行编辑了,在编辑的时候在”设计“窗口会显示样式的变化. 最后如果是新建的css文件,保存路径要正确.

梅列区14749935508: 在DreamWeaver中,创建的CSS样式表有哪几种类型,分别介绍各种类型的作用 -
姓常复方: 样式表类型 1、内联样式表 直接在HTML标记内,插入sytle属性,再定义要显示的样式,这是最简单的样式定 义方法.不过,利用这种方法定义样式时,效果只可以控制该标记,其语法如下: 如: 2、 嵌入样式表 …… 标签对中,被输入的css文件中的样式规则定义语句就成了 标签对中的语句.

梅列区14749935508: 用Dreamweaver做网页设计怎么用css啊?我不太懂啊 -
姓常复方: 如果你对网页设计感兴趣并想认真学习的话,CSS确实是必须要掌握的.在Dreamweaver 中应用CSS其实很简单:一、在CSS样式面版中点击“新建”按扭.二、在弹出的对话框中选择“类型”、“名称”、“定义规则”,具体你要选哪项可以根据自己的实际需要作选择,点击“确定”.三、在弹出的对话框中,你可以对“类型”、“背景”、“区块”、“边框”、“列表”、“定位”、“扩展”等作相关的设置.四、选中你想使用CSS效果的对象(如:表格、图片、文字等),在属性面板的“类”中找到你想要的选项.CSS就应用到对象中了.不知道我的回答是否清楚了没有,希望对你有帮助,祝你学习愉快!

梅列区14749935508: dreamweaver中的CSS有什么用,怎么用CSS布局 -
姓常复方: CSS可以帮助你高效地解决WEB页面设计的总总问题. 一个CSS文件可以被多个页面文件公用,当要大量修改网页的风格样式时,只需修改CSS文件就可以实现整站网页的页面实现更新.CSS布局可以借助DreamWeaver CS3或则GoLive CS3DIV+CSS布局一般有以下思路 <DIV ID="HEAD"> </DIV> <DIV ID="CONTENT"> </DIV> <DIV ID="BOTTOM"> </DIV>

梅列区14749935508: Dreamweaver中CSS样式是什么意思
姓常复方: CSS样式表就是把你要用的文字,图片,表格的样式全部设置好,到你要用的页面不需要在每个页面里面设置.加快浏览速度,减少文件大小,还有就是如果你更新的话,只需要修改样式表就可以更新到完全不同的效果

本站内容来自于网友发表,不代表本站立场,仅表示其个人看法,不对其真实性、正确性、有效性作任何的担保
相关事宜请发邮件给我们
© 星空见康网