CSS 基础知识(二)

操作样式表:

1、创建外部样式表:外部样式表非常适合给网站大多数页面或所有页面设置为一致的外观。

注意:将css文件保存为以.css为扩展名,用UTF-8编码的文件。

可以以任何名称命名样式表文件,如果网站只有一个样式表文件,通常会命名为style.css或styles.css。

无论选择什么文件名,一定不要包含空格。

外部样式表要么是通过链接引用,要么是通过导入(@import),不过不推荐导入。@import指令会影响页面的下载速度和呈现速度。

2、链接到外部样式表:

<pre name="code" class="html"><head>
       <meta charset="UTF-8" />
       <title>链接外部样式表</title>
       <link rel           ="stylesheet" href="style.css" />
</head>

 
注意:页面可以包含一个以上的link元素,但使用它的次数最好尽可能减少,让页面得以更快的加载。 

使用外部样式表的好处:

       1、对外部样式表修改后,所有引用他的页面都会自动更新;

       2、一旦浏览器在某个页面加载了它,在随后浏览引用它的页面时,通常无需再向web服务器请求该文件,浏览器会将它放到缓存里。

3、创建嵌入样式表:

<head>
       <meta charset="UTF-8" />
       <title>链接外部样式表</title>
       <style>
       img {
          border: 4px solid red;
       }
       </style>
</head>
使用嵌入样式表时,style元素及其包围的样式规则通常位于文档的head部分。

当且仅当style元素出现在link元素后面的时候,嵌入样式表中的样式才会覆盖外部样式表中的样式。

4、内联样式表:

在希望进行格式化的HTML元素的开始标签中,输入style=“border:4px solid red”

样式的层叠和顺序:

在其他条件相同的情况下,越晚出现的样式优先级越高。

注意:标记!important的样式总是具有最高的优先级。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值