<万博manbetx平台> CSS中的选择器（元素\class\id） - CSS3 极速入门 - 万博manbetx平台中文网
点击切换帐号登陆
帐号密码登陆
找回密码 短信登陆
免费注册

  • 章节

  • 笔记

  • 评论
第1章 CSS基础入门
1-1 CSS层叠样式表
1-2 CSS创建与引入
第2章 熟练掌握CSS中常用样式控制
2-1 CSS背景控制—背景色
2-2 CSS背景控制—背景图
2-3 CSS的文本控制-(text)
2-4 CSS的字体样式-(font)
2-5 CSS的字体阴影-(3d文字)
2-6 CSS的边框属性-(border)
2-7 CSS的边框样式(阴影、圆角)
2-8 CSS的列表与表格样式
第3章 CSS中的高级语法（选择器）
3-1 CSS中的选择器分组与继承
3-2 CSS中的选择器（元素\class\id）
3-3 CSS中的派生选择器
3-4 CSS中的属性选择器
第4章 CSS中的布局
4-1 CSS中的盒子模型
4-2 CSS中的内外边距
4-3 块级、行内、行内块元素
4-4 块级、行内、行内元素相互转换
4-5 CSS中固定定位与相对定位
4-6 CSS中绝对定位
4-7 CSS布局-Float(浮动)
4-8 CSS布局-hover (伪类)
4-9 CSS布局-Overflow
4-10 CSS布局-过渡属性transition
4-11 鼠标悬停文字显示
第5章 CSS的布局案例
5-1 布局准备工作
5-2 仿百度搜索导航（浮动）
5-3 导航下拉框（定位）
5-4 完善下拉框细节（小箭头、阴影）
5-5 仿百度搜索侧边栏
5-6 侧边栏布局样式调整
5-7 背景图片定位
5-8 jQuery小试牛刀
5-9 仿百度搜索框布局
5-10 搜索框内部图片定位
5-11 仿百度搜索页面底部布局

CSS中的选择器（元素\class\id）

<!DOCTYPE 万博manbetx平台>
<万博manbetx平台>
<head>
	<meta charset="utf-8">
	<link rel="icon" type="image/icon-x" href="images/logo.png">
	<title>css中选择器</title>
	<style type="text/css">	
	   /**号是css中的通配符，意思是所有的标签都有的属性，表示所有的标签都遵循的统一样式。*/
      *{margin: 0px;padding: 0px;}  
      /*标记选择器*/     
	   body{background: url(images/3.jpg) no-repeat right top;font-family: 楷体;}
       /*选择器：需要改变样式的 万博manbetx平台 元素*/
       /*选择器的分组：被分组的选择器就可以分享相同的声明,用逗号将需要分组的选择器分开*/
       /*h1,h2,p,span{color: red;}*/
       h1{color: blue;}
       /*id 选择器可以为标有特定 id 的 万博manbetx平台 元素指定特定的样式 id 选择器以 "#" 来定义 唯一性*/
       #box{font-weight: bold;color: red;}
       /*class 选择器用于描述一组元素的样式，class 选择器有别于id选择器，class可以在多个元素中使用 class选择器以 "." 来定义*/
       .list{color: red;}

	</style>
</head> 
<body>
<h1>被分组的选择器就可以分享相同的声明</h1>
<h2>被分组的选择器就可以分享相同的声明</h2>
<p id="box">被分组的选择器就可以分享相同的声明</p>
<span>我是灭绝</span>
<ul>
	<li class="list">苹果</li>
	<li>苹果</li>
	<li class="list">苹果</li>
	<li>苹果</li>
	<li class="list">苹果</li>
</ul>

</body>
</万博manbetx平台>


任务

?不会了怎么办
无数据提示暂无评论哟...我要评论

讲师其他课程

万博manbetx平台 教程手册（新）

初级 初级 520

万博manbetx平台5 极速入门

初级 初级 520

CSS3 极速入门

初级 初级 520

JavaScript极速入门

初级 初级 520

jQuery极速入门

初级 初级 520

网站导航
标签地图
学习路径
视频教程
开发软件
旗下子站
技术文章
文档工具
关于我们
企业合作
人才招聘
联系我们
讲师招募
QQ交流群
QQ官方交流群
微信公众号
微信公众号
Copyright © 2018-2019 万博manbetx平台中文网 All Rights 万博manbetx平台中文网，专注于大前端知识，一站式万博manbetx平台自学平台！
工信部备案号： 鄂ICP备2021014202号