码迷,mamicode.com
首页 > Web开发 > 详细

CSS基本语法及页面引用

时间:2020-01-17 21:06:16      阅读:76      评论:0      收藏:0      [点我收藏+]

标签:链接   example   嵌入式   code   class   css   angular   div   样式   

CSS基本语法及页面引用

CSS基本语法

CSS的定义方法是:
选择器 { 属性:值; 属性:值; 属性:值;}
选择器是将样式和页面元素关联起来的名称,属性是希望设置的样式属性每个属性有一个或多个值。

示例:

div{ width:100px; height:100px; color:red }

CSS页面引入方法

  • 外联式:通过link标签,链接到外部样式表到页面中。
<link rel="stylesheet" type="text/css" href="./example.css">
  • 嵌入式:通过style标签,在网页上创建嵌入的样式表。
<style type="text/css">

    div{ width:100px; height:100px; color:red }
    ......

</style>
  • 内联式:通过标签的style属性,在标签上直接写样式。
<div style="width:100px; height:100px; color:red ">
......
</div>

CSS基本语法及页面引用

标签:链接   example   嵌入式   code   class   css   angular   div   样式   

原文地址:https://www.cnblogs.com/aduner/p/12207153.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!