百分百源码网-让建站变得如此简单! 登录 注册 签到领金币!

主页 | 如何升级VIP | TAG标签

当前位置: 主页>网站教程>CSS教程> 3种CSS运用办法
分享文章到:

3种CSS运用办法

发布时间:09/01 来源:未知 浏览: 关键词:

(1)链接式:(外部引入.css文件)

( 用得比力多 ) <link>在html加载前就被援用

在网页的<head></head>标签对中用<link>引入外部样式表,使用html规则引入外部css :

   <link href="./css/style.css" rel="stylesheet" type="text/css"/>

导入式:(外部引入.css文件)    

( 不使用 ) @import在html加载完成后才援用,并且没法在JS DOM模型中插入样式

引入外部CSS文件,<style>标志也是写在<head>标志中,使用的语法如下:

     <style type="text/css">
        @import "./css/style.css"
          /*@import url(./css/style.css)*/
      </style>

(2)嵌入式  

直接写在<html>标签下,常在<head></head>中,

长处:速度快,所有的CSS操纵都是针对本页面标签的,直接在HTML文档中读取样式;

缺陷: 单个页 面显得臃肿,不克不及被其他HTML援用造成代码量相对较多,保护费事

<style type="text/css">
      div{border:1px #ff0 solid}
    </style>

(3)内联式  

( 不引荐 ) 其可以用在不经常改动的位置

<div style="border:1px #ff0 solid;">内容</div>

以上就是3种CSS使用办法的具体内容,更多请关注百分百源码网其它相关文章!

打赏

打赏

取消

感谢您的支持,我会继续努力的!

扫码支持
扫码打赏,你说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

百分百源码网 建议打赏1~10元,土豪随意,感谢您的阅读!

共有150人阅读,期待你的评论!发表评论
昵称: 网址: 验证码: 点击我更换图片
最新评论

本文标签

广告赞助

能出一分力是一分吧!

订阅获得更多模板

本文标签

广告赞助

订阅获得更多模板