首页 > Web开发 > 详细

css随笔1

时间:2016-08-09 00:22:01      阅读:268      评论:0      收藏:0      [点我收藏+]

要用到css,首先就得引入,今天学会了三种css的引入方式:

1.行内引用

<body style="background-color:red;">

<p style="color:#666;">这是行内引用css层叠样式后的P标签</p>

PS:记得要养成良好习惯,写完一个属性 值后加分号,注意是英文状态下哦。

 

2.业内引用

<head>
        <style type="text/css">
            body{
                       background-color:red;
                    }
</head>


<head>
        <style type="text/css">    /*type="text/css" 对浏览器声明应用的是css*/
h1
{ background:red; font-size:12px; }

</head>

ps:虽然<style></style>标签可以定位在任何地方,但是,我们要把它定位在<head></head>之中,因为这样可以以最快的速度加载。    

 

3.外部引用

在css里面:
p{
    font-size:12px;
}
在html里面:
<head>
  <link rel="stylesheet" type="text/css" href="css样式的路径“/>
</head>


在css里面:
h1{
    font-size:12px;
    color:red;
}
在html里面:
<head>
  <link rel="stylesheet" type="text/css" href="css样式的路径“/>
</head>

PS:三种引入方式的优先级:就近原则 -------行内引用>业内引用>页外引用 

 

通配选择符  *

*{
    color:red;
}

*{
   font-size:12px
}

 

元素选择符

h1{
  color:red;
}


p{
   font-size:12px;
}

群组选择符

h1,p{
         color:red;
}


h1,h3,h5,p{
                 font-size:12px;
                 color:red;
 }

 

css随笔1

原文:http://www.cnblogs.com/qq1193447294/p/5751431.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!