CSS网页制作工具,网站建设基本技能
一个网站是由无数个网页组成的,一个好的网站肯定有无数个好的网页,而好的网页CSS是最基础的东西。
CSS是Cascading style Sheets的简称,中文译作“层叠样式表单”。
1、CSS在网站网页制作中一般有三种方式的用法,那么具体在使用时该采用哪种用法?
当有多个网页要用到的CSS,采用外连CSS文件的方式,这样网页的代码大大减少,修改起来非常方便;只在单个网页
中使用的CSS,采用文档头部方式;只有在一个网页一、两个地方才用到的CSS,采用行内插入方式。
2、CSS的三种用法在一个网站、网页页中要以混用吗?
三种用法可以混用,且不会造成混乱。这就是它为什么称之为“层叠样式表”的原因,浏览器在显示网页时是这样处
理的:先检查有没有行内插入式CSS,有就执行了,针对本句的其它CSS就不去管它了;其次检查头部方式的CSS,有就执行
了;在前两者都没有的情况下再检查外连文件方式的CSS。因此可看出,三种CSS的执行优先级是:行内插入式、头部方
式、外连文件方式。
3、CSS在网站/网页制作中的调用方法
第一种:从页面头部调用
从页面头部调用CSS是将CSS写在页面的head元素中,然后在页面中调用。其语法结构如下:
选择符{属性:属性值;}
——————————————————-
例如:
测试
————————————————————
ps:这个是在头文件里面写
第二种:采用链接的形式调用
采用链接的形式调用CSS通常有两种方法:
使用link元素
使用link元素调用CSS的语法如下:
文件路径” type=”text/css”/>
————————————————————————-
例如:
测试
———————————————————————
使用@import
——————————————————————
例如:
测试
————————————————————————–
ps:这个也是写在头文件里面的
第三种:元素中直接使用
这种调用方式的写法如下:
<</span>元素名称 style=”属性:属性值;”></</span>元素名称>
在样式中直接使用CSS,语法是使用style标签,在双引号中,样式的语法结构和独立样式表中完全相同。
————————————————————————-
例如: