当前位置:首页 > 日记 > 正文

使用CSS样式表在Dreamweaver建立一个网页

使用CSS样式表在Dreamweaver建立一个网页
本文介绍了如何设置文本格式使用级联样式表(CSS)在一个页面中Dreamweaver。你可以使用CSS来设置文本的格式和方式,HTML不能提供文本的定位,这样你可以更灵活地控制页面的外观。
了解CSS
级联样式表(CSS)是一系列格式设置规则,控制网页
本文介绍了如何设置文本格式使用级联样式表(CSS)在一个页面中Dreamweaver。你可以使用CSS来设置文本的格式和方式,HTML不能提供文本的定位,这样你可以更灵活地控制页面的外观。
了解CSS
级联样式表(CSS)是一系列的规则控制的网页内容外观格式。当使用CSS设置页面格式、内容和页面形式彼此分离。网页内容(HTML代码)位于自身的HTML文件中,而定义代码形式的CSS规则位于另一部分(通常部分)另一个文件(外部样式表)或HTML文档,使用CSS可以控制网页外观非常灵活和更精确的布局,从一个特定的字体和样式。
CSS允许你控制一些,只是不受控制的HTML属性。例如,您可以指定不同的字体大小和单位(像素、磅值等)所选文本。通过使用CSS设置像素字体大小,还可以确保布局和页面外观处理在一个更一致的方式在多个浏览器。
CSS格式化规则由两部分组成:选择器和声明。选择器是一个术语,用于标识已设置的格式化元素(如p、H1、类名或id),而声明用于定义样式元素。在下面的示例中,H1是选择器,括号({ })都在语句内容之间:


下面是引用的片段:
h1 {
字体大小:16pixels;
字体:黑体;
字体粗细:粗体;
}

声明由两部分组成:属性(如字体)和价值观(如Helvetica)。上面的例子创建一个h1标签风格:所有H1标签与这种风格将是16像素大小并使用Helvetica字体和粗体。
术语堆栈是指将多个样式应用于同一元素或Web页面的能力。例如,您可以创建一个CSS规则来应用颜色,创建另一条规则来应用边距,并将其应用于页面中的同一文本。
CSS的主要优点是易于更新;只要更新了CSS规则,所有使用定义样式的文档的格式都会自动更新为新样式。
下面的规则类型可以在Dreamweaver中定义:
自定义CSS规则,也称为类样式,所有样式都以一个周期开始。例如,您可以创建一个名为红色的类样式,将规则的颜色属性设置为红色,然后将该样式应用于已定义的段落文本的一部分。
HTML标签规则重新定义特定标签的格式(如P或H1)。当创建或更改H1标签的CSS规则时,所有以H1标记格式设置的文本将立即更新。
CSS选择器规则(高级模式)重新定义特定元素组合的格式,或其它的CSS选择器的格式的格式(例如,每当H2标题出现在形成细胞,应用选择器td H2)。先进的风格也可以定义包含特定ID属性的标签的格式(例如,通过#我定义的样式可以应用到所有的标签,包含属性/值的id =我)。

相关文章

PS图象处理软件生产一个橘红色的we

PS图象处理软件生产一个橘红色的we

橘红色,图象,处理软件,害羞,按钮,The PS tutorial learns how to use Photoshop to make a simpler WEB2.0 style button, mainly using a rounded rectangle and a layer style. 先看看效果吧。 新的文件500x330像素,背景白色,新建图层,绘制…

一种禁用IE10的密码显示、快速清除

一种禁用IE10的密码显示、快速清除

清除,密码,显示,快速,功能,快速删除按钮可替代触摸选择和删除的一系列复杂动作,它可以帮助用户确认密码按钮输入,用于触摸打字慢且错误率高的问题。但基于Web系统的安全性,此功能需要禁用。 IE10提供了一个快速清洁按钮(X图标)和密码显示按钮的…

UML建模-面向对象的设计:为什么学习

UML建模-面向对象的设计:为什么学习

建模,学习,面向对象的,电脑软件,UML,UML是统一建模语言的缩写(统一建模语言),UML是一种语言的可视化,阐述,构建,和记录软件密集型系统的产品。产品{神器}是指任何类型的软件开发过程中生产的产品,如模型、源代码、测试用例等等。 第一,你为什么要…

java操作MySQL入门代码实例(包括插

java操作MySQL入门代码实例(包括插

代码实例,查询,操作,新和,入门,复制代码代码如下所示: 导入java。SQL *; 公共类MySQL { 字符串url =MySQL JDBC: / /:本地:3306 /测试; / / = GBK字符编码 公共静态字符串; 公共静态字符串密码; 公共静态连接; 公共静态声明语句; 公共静态连接数据库…

CSS中常用中文字体的英文写作(常用)

CSS中常用中文字体的英文写作(常用)

中文字体,常用,英文写作,电脑软件,CSS,当你使用中文字体在CSS文件中,这可能会导致一些款式在IE6是不明。最好的办法是不包括中文,包括注释。这里我们分享了英文字体的书写方法。 当你使用中文字体的CSS文件,如果你写中文,在IE6,你可能会引起一…

5种反应设计不值得考虑的原因(图)

5种反应设计不值得考虑的原因(图)

原因,电脑软件,响应设计不是万能的 本文从Tom Ewer写的managewp博客,表示不同的时尚响应设计视图。 转向移动设计比PC革命更大的革命mdash;mdash;凯文·林奇,首席技术官,Adobe 到了2014,越来越多的人会使用移动设备代替PC终端接入互联网,因此建立…

原生Javascript+实现瀑布

原生Javascript+实现瀑布

原生,瀑布,电脑软件,Javascript,HTML(注意包,js调用) 复制代码代码如下所示: 少(少预编译) 复制代码代码如下所示: { * 保证金:0; 填充:0; } { #主要 职位:相对; } {。箱 Padding:15px 00 15px; 浮点数:左; } {。PIC 填料…

HTML5菜单折叠效果

HTML5菜单折叠效果

菜单,折叠,效果,电脑软件,本文主要介绍了HTML5菜单折叠效果,与猎豹浏览器安装时的用户通知效果类似,您需要的朋友可以参考一下。 用户的通知效果类似于猎豹浏览器的安装。 点击后的效果 复制代码代码如下所示: 折纸效果的GT - kolyi { #包装…

div中的图像是比div下的帧多3像素

div中的图像是比div下的帧多3像素

图像,解决方案,像素,电脑软件,div,DIV在更莫名其妙的3px像填充底底层的东西,这就是常说的3像素的bug,以下是解决方案,需要的朋友可以参考下 不要浪费,先说解决方案。 著名的3像素的bug,你可以设置显示:img的CSS块; 像填充底/ DIV莫名多出去除3p…

徒手9使用技能介绍(图形)

徒手9使用技能介绍(图形)

图形,技能,电脑软件,本教程是向你介绍徒手9,使用技巧,教程很全面,也很详细,非常适合朋友学习,转发,希望能帮到你。 本教程是向你介绍徒手9,使用技巧,教程很全面,也很详细,非常适合朋友学习,转发,希望能帮到你! 写意9布局简论 不同的视图模式(包括放大/缩…

不确定宽度和高度图像中垂直中心的

不确定宽度和高度图像中垂直中心的

图像,不确定,宽度,样式,高度,本文主要介绍了div中的图像是垂直居中的,以及CSS样式是如何在宽度和高度不确定的情况下编写的。 最简单的方法是设置外部元素的CSS属性: 复制代码代码如下所示: div { 显示:表单元格; } 但IE6 / 7不支持CSS样式,并…

对console.trace方法在Node.js的使

对console.trace方法在Node.js的使

使用说明,方法,电脑软件,console,trace,方法显示: 将当前调用堆栈输出到标准错误流。 Grammar: 复制代码代码如下所示: Console.trace(标签) 接收参数: 标签 实例uff1a 复制代码代码如下所示: Console.trace(); 操作结果: 特雷斯: 在对象。( /…