HTML&CSS基础学习笔记1.33-元素选择器 -

octopole

浏览: 71083 次
性别:
来自: 杭州

最近访客更多访客>>

wapapapapapapow

cyouakari

zhoufh

loiyil

博主相关

博客

微博

相册

留言

关于我

文章分类

社区版块

存档分类

HTML&CSS基础学习笔记1.33-元素选择器

博客分类：

HTML

元素选择器

最常见的 CSS 选择器是元素选择器。换句话说，文档的元素就是最基本的选择器：

p {  
    text-indent:10px;  
    color:blue;  
}

什么情况下使用元素选择器，一般我们这样认为：

如果你想要让页面中所有的指定元素都有这个CSS效果，可以使用元素选择器。

有这样一段html代码：

<!DOCTYPE html>  
<html lang="en">  
<head>  
    <meta charset="UTF-8">  
    <link rel="stylesheet" type="text/css" href="index.css">  
    <title></title>  
</head>  
<body>  
<h1>雨巷</h1>  
<p>  
撑着油纸伞，独自<br>  
彷徨在悠长，悠长<br>  
又寂寥的雨巷，<br>  
我希望逢着<br>  
一个丁香一样的<br>  
结着愁怨的姑娘。<br>  
</p>  
</body>  
</html>

现在试试用css的元素选择器给它做点变化吧，css代码如下：

body  
{  
    text-align: center;  
}  
  
h1  
{  
    color:yellow;  
}  
  
p   
{  
    color:green;  
}

更多学习内容，就在码芽网http://www.mayacoder.com/lesson/index

查看图片附件

0
顶

0
踩

分享到：

Python新手学习基础之数据结构-列表4 其他 ... | C语言基础学习运算符-条件表达式

2016-10-02 10:29
浏览 487
评论(0)
分类:Web前端
查看更多

发表评论

您还没有登录,请您登录后再发表评论

最近访客更多访客>>

博主相关

文章分类

社区版块

存档分类

最新评论

HTML&CSS基础学习笔记1.33-元素选择器

评论

发表评论

相关推荐

最近访客 更多访客>>

博主相关

文章分类

社区版块

存档分类

最新评论

HTML&CSS基础学习笔记1.33-元素选择器

评论

发表评论

相关推荐

HTML&CSS基础学习笔记1.32-选择器是什么

HTML&CSS基础学习笔记1.31-像素和相对长度

HTML&CSS基础学习笔记1.30-颜色的表达

HTML&CSS基础学习笔记1.29-灵活地使用样式

HTML&CSS基础学习笔记1.28-给网页添加一个css样式

HTML&CSS基础学习笔记1.27-input提交数据

HTML&CSS基础学习笔记1.26-input重置表单

HTML&CSS基础学习笔记1.25-input标签的选择文件和隐藏元素

HTML&CSS基础学习笔记1.24-input标签的单选与多选

HTML&CSS基础学习笔记1.23-表单的文本域和下拉列表

HTML&CSS基础学习笔记1.22-简单的注册页面

HTML&CSS基础学习笔记1.21-语义化标签

HTML&CSS基础学习笔记1.20-DIV标签2

HTML&CSS基础学习笔记1.19-DIV标签1

HTML&CSS基础学习笔记1.18-表格的边框

HTML&CSS基础学习笔记1.17-表格头部与尾部

HTML&CSS基础学习笔记1.16-单元格间距和表格主体

HTML&CSS基础学习笔记1.15-合并单元格

HTML&CSS基础学习笔记1.14—有序列表及列表嵌套

HTML&CSS基础学习笔记1.13—无序列表

最近访客更多访客>>