新闻观点

东莞网站建设css应用技巧分析

标签: 东莞网站建设 | 作者:东莞网站建设 | VISITORS: | 来源:网络
24
Jan
2019
东莞网站建设css应用技巧分析:在web网页制作中,css样式表的应用随处可见。css样式表全称Cascading Style Sheet,中文叫作:层叠样式表单。是用于(增强)控制网页样式并允许将样式信息与网页内容分离的一种标记性语言。css样式表具体使用方法如下:
 
1、当有多个网页要用到的CSS,采用外连CSS文件的方式,这样网页的代码大大减少,修改起来非常方便。
 
2、单个网页中使用的CSS,采用文档头部方式。
 
3、只有在一个网页一、两个地方才用到的CSS,采用行内插入方式。
 
三种用法可以混用,且不会造成混乱。这就是它为什么称之为“层叠样式表”的原因,浏览器在显示网页时是这样处理的:先检查有没有行内插入式CSS,有就执行了,针对本句的其它CSS就不去管它了;其次检查头部方式的CSS,有就执行了;在前两者都没有的情况下再检查外连文件方式的CSS。因此可看出,三种CSS的执行优先级是:行内插入式、头部方式、外连文件方式。
 
在网页制作中,我们常用到的软件Dreamweaver,是如何用Dreamweaver快速创建CSS外连式文件?
对于一个初接触CSS的网页设计人员来讲,要用记事之类的编辑器,去创建一个CSS外连式文件是相当困难的。由于Dreamweaver对CSS支持的很好,用它来帮助就轻松多了。具体可以这样操作:
1)先在纸上写好在网站的网页中可能要用到的格名称,然后在Dreamweaver的编辑窗中调出CSS面板,一个一个地定义,并在一个空白页上适当地写一点相关内容,边定义边试用,效果不满意,立即修改;
2)全部定义好后,再用记事本创建一个空的CSS外连式文件,把在<head>与</head>之间的那段定义好的CSS复制到CSS文件中去,就大功告成了。整个过程就是点鼠标,方便吧?
 
在Dreamweaver中采用行内插入式CSS方法,先用CSS面板定义好要用的CSS,然后,在要插入CSS的标记插入:style="",再把你刚才定义的CSS从<head>后面拖到这个双引号中来,把花括号以外的部分删去就行了。
相关新闻
首页 | 网站建设 | 经典案例 | 服务范围 | 新闻观点 | 服务客户 | 关于我们
分享按钮