欢迎光临杨雨的个人博客站!

杨雨个人网站-杨雨个人博客-杨照佳

杨雨个人博客网站

关注互联网和搜索引擎的个人博客网站

首页 > WEB开发 > css3案例分享 >

浅谈Css的四种誊写方法(必看篇)

发布时间:2016-11-24  编辑:杨雨个人博客网站   点击:   

优先级: 外部样式 < 内部样式表 < 内联样式表;

优先级,即:同名的选择器右边的会包围左边

1.内部样式表

CSS Code
    Css">
  1. <head>   
  2.     <style>   
  3.         /*内部样式表,一样平常用于包围公用样式*/  
  4.         #headTip {   
  5.             color: 0xff5;   
  6.          }   
  7.     </style>   
  8. </head>  

2.行使link标签,在文档中声明行使外接资源,最常用的一种方法。

Css外部样式表指定编码的@CHARSET="utf-8"; 必要放在第一行。

XML/HTML Code
  1. <head>  
  2.     <link href="./my-common.Css" rel="stylesheet" media="screen" type="text/Css"/>  
  3. </head>  
3.@方法,引入Css,留意这个是异步加载的,在整个Html加载之后才加载,会导致页面闪烁。不保举行使。 CSS Code
  1. <head>   
  2.     <style>   
  3.         @import 'my-common.Css';   
  4.     </style>   
  5. </head>  
4.内联样式表,优先级最高最直白,但不能复用不轻易维护。
XML/HTML Code
  1. <body>  
  2.     <input type="text" style="color:0x550;font-size:30px;"/>  
  3. </body>  

以上就是小编为各人带来的浅谈Css的四种誊写方法(必看篇) 所有内容了,但愿各人多多支持杨雨小我私人博客~

本文地址:http://itbyc.com/web/css3/13172.html
转载请注明出处。
分享是一种快乐,也是一种美德:
评论列表(网友评论仅供网友表达个人看法,并不表明本站同意其观点或证实其描述)
博客首页 | WEB开发 | 网站运营 | CMS使用教程 滇ICP备14002061号-1