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

CSS基本知识

时间:2018-10-21 21:48:05      阅读:186      评论:0      收藏:0      [点我收藏+]

标签:保存   alt   模式   ref   ssr   .com   文档   lan   type   

CSS规则有两个主要部分组成:选择器,一条或多条声明

选择器通常是需要改变样式的HTML元素

每条声明由一个属性和一个值组成

属性是希望设置的样式属性。每个属性有一个值。属性和值之间用冒号分开。

技术分享图片

CSS选择器

CSS选择器是一种模式,用于选择要添加样式的元素。

参考 http://www.w3school.com.cn/cssref/css_selectors.asp

CSS属性

参考 http://www.w3school.com.cn/cssref/index.asp

 

HTML中使用CSS样式表的三种方式

第一种 元素内嵌样式 使用全局属性 style

<body>
  <a href="http://apress.com" style="background-color:grey; color:while"> 使用内嵌样式</a>
</body>

第二种 文档内嵌样式  使用 style元素定义文档内嵌样式 通常放置在<head>部分

<head>
  <style type="text/css">
    a {
      background-color:grey;
      color:white; 
    }
  </style>
</head>
<body>
  <a href="http://apress.com">使用文档内嵌样式</a>
</body>

第三种 外部样式表 使用<link>元素

a {
  background-color:grey;
  color:white;
}
以上内容保存在sytles.css文件中
------------------
<head>
  <link rel="stylesheet" type="text/css" href="styles.css" />
</head>
<body>
  <a href="http://apress.com">使用外部样式表</a>
</body>

 

CSS基本知识

标签:保存   alt   模式   ref   ssr   .com   文档   lan   type   

原文地址:https://www.cnblogs.com/0820LL/p/9826755.html

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