CSS3的chapter1

初学CSS3的第一天,虽然之前有接触过CSS,不过好像是CSS2,我也上网了解了一下CSS3,新增了很多强大的元素,也让我更有兴趣去学习了。

CSS(Cascading Style Sheets) 层叠样式表

不同浏览器可能需要不同的前缀,这也是为了考虑可以更好的向前兼容

   前缀     浏览器
  -webkit    chrome和safari
  -moz     firefox
  -ms      IE
   -o     opera

CSS最重要的就是将表现与结构分离,提高代码的可读性,更方便的修改和查阅代码。

CSS的语法结构:

  selector{Property:Value;}

  选择符  属性    值

例子:

  body{background-color:red;}

  h1{font-size:12px;}

引入CSS的方法有三种:

  1.行内引入:

    

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

   <h1 style="font-size:12px;"></h1>    

  2.页内引入:

    

<head>
<title></title>
<style>
body{
background-color:red;
}
h1{
font-size:12px;
}
</style>
</head>

  3.外部样式表:

    style.css:  

body {
background-color:#cccccc;
}
 h1{
font-size:12px;
}

    index.html:

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

三种引入方法的优先级比较:

  就近原则:行内引入>页内引入>页外引入

注释方法:

  /*注释内容*/

  

上一篇:iOS-WKWebView 加载HTML字符自适应文字和图片


下一篇:uni-app选择器