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

浅学CSS

时间:2018-06-09 00:55:38      阅读:228      评论:0      收藏:0      [点我收藏+]

标签:com   样式   声明   attach   多个   指定   一个   规则   需要   

CSS 规则由两个主要的部分构成:选择器,以及一条或多条声明:

技术分享图片
选择器通常是您需要改变样式的 HTML 元素。
每条声明由一个属性和一个值组成。

属性(property)是您希望设置的样式属性(style attribute)。每个属性有一个值。属性和值被冒号分开。

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"> 
<title>菜鸟教程(runoob.com)</title> 
<style>
p
{
    color:red;
    text-align:center;
} 
</style>
</head>

<body>
<p>Hello World!</p>
<p>这个段落采用CSS样式化。</p>
</body>
</html>

技术分享图片

id 选择器

id 选择器可以为标有特定 id 的 HTML 元素指定特定的样式。
HTML元素以id属性来设置id选择器,CSS 中 id 选择器以 "#" 来定义。

class 选择器

class 选择器用于描述一组元素的样式,class 选择器有别于id选择器,class可以在多个元素中使用。
class 选择器在HTML中以class属性表示, 在 CSS 中,类选择器以一个点"."号显示:

CSS 背景属性用于定义HTML元素的背景。

CSS 属性定义背景效果:

background-color

background-image

background-repeat

background-attachment

background-position

以上也是简写属性是属性值的顺序;

浅学CSS

标签:com   样式   声明   attach   多个   指定   一个   规则   需要   

原文地址:https://www.cnblogs.com/heihuifei/p/9158061.html

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