用CSS控制网页总体风格

2024-04-14    分类： 网站建设

网页设计中我们通常需要统一网页的整体风格，统一的风格大部分涉及到网页中文字属性、网页背景色以及链接文字属性等等，如果我们应用CSS来控制这些属性，会大大提高网页设计速度，更加统一网页总体效果。

为了达到修改整个网页的目的，我们需要编辑一个外挂式的CSS文档。根据这个文档定义和修改不同CSS属性并在页面元素相同或者相似的网页里调用它。

整体改变页面风格

现在网页中流行宋体的9pt和10.5pt的字体，按快捷键“Shift+F11”打开“CSS Style控制面板”，单击“New Style”按钮，弹出“New Style”对话框，复选“Redefine HTML Tag”的“Type”类型，这时在Tag处会出现“body”、“br”、“cite”等选项，选择“body”后确认。这样我们就建立了一个外挂的CSS文档，在保存对话框中保存为all后就进入“Style Definition for body in all.css”对话框(如图1)。选择“Category”中的“Type”项，定义“Font”为“宋体”、“Size”参数为“9”，其后的下拉框选择“Points”、“Color”自定义为喜好颜色就可以了。当然还可以选择“Category”中的“Background”项来定义“Background”颜色和其他背景属性。这时您会看到页面中内容的整体改变。

偏好元素风格的改变

经过上面的改变有时不免给您带来一定麻烦，如果遇到页面中某个元素，比如突出显示的文字的字体、字号以及颜色怎么办！这里我们就需要再定义一个新的CSS样式单来对其进行控制，右键点击页面编辑区，在弹出快捷菜单中点击“CSS Style/Edit Style Sheet”命令，弹出“Edit Style Sheet”对话框，选择列表中的all.css，点击“New”按钮，在弹出的“New Style”对话框中选择“Make Custom Style(class)”的“Type”类型定义一个自己偏好的CSS控制。如果想更改页面中某一元素的属性，选中它然后右键单击“CSS Styles”面板中“Apply Styles”中刚才定义的CSS，执行“Apply”命令就可以了。

本文来源于成都网站建设公司与成都网站设计制作公司-创新互联成都公司！

分享文章：用CSS控制网页总体风格
文章位置：https://www.cdcxhl.com/news20/323470.html

成都网站建设公司_创新互联，为您提供网页设计公司、做网站、自适应网站、外贸网站建设、全网营销推广、关键词优化

广告

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源： 创新互联

猜你还喜欢下面的内容

微信小程序开发

网站建设知识

分类信息网