第011讲 选择器使用细节 块元素和行内元素 盒子模型
2015-06-22 21:56
309 查看
1. 一个元素可以同时拥有 id 选择器和 类 选择器
2.一个元素最多只有一个id 选择器,但可以由多个类选择器
3. 如果多个id/类选择器有重复的部分,我们可以把相同的css样式放在一起
用逗号相隔。
CSS文件也会被浏览器从服务器下载到本地。
4.行内元素和块元素
5.行内元素和块元素可以互相转换
6.引入CSS文件
7.流的概念
8.盒子模型
<span class="s1" id="news_specail">新闻一</span>
2.一个元素最多只有一个id 选择器,但可以由多个类选择器
<元素 class="类选择器1 类选择器2" > <span class="s1 cls1">新闻三</span> *特别注意:当两个类选择器发生冲突,则以写在css文件中的后面的那个类选择器为准*。
3. 如果多个id/类选择器有重复的部分,我们可以把相同的css样式放在一起
用逗号相隔。
CSS文件也会被浏览器从服务器下载到本地。
4.行内元素和块元素
<span class="s1">span1</span> <span class="s1">span2</span> <span class="s1">span3</span> <div class="s2">div1</div>11 <div class="s2">div2</div>22
5.行内元素和块元素可以互相转换
.s1{ background-color:pink; display:block; } .s2{ background-color:gray; display:inline; }
6.引入CSS文件
7.流的概念
8.盒子模型
相关文章推荐
- UVA 11134 Fabled Rooks 优先队列
- python爬取网易美女图片
- 如何实现一个不规则排列的图片布局算法
- 转:UIView的sizeToFit与sizeThatFits
- 返回一个二维整数数组中最大联通子数组的和
- 计算珠峰的高度
- ubuntu12.04 搭建VI开发环境
- 计算珠峰的高度
- 黑马程序员--定义枚举
- linux drm 架构 之代码分析
- CSU1660: K-Cycle
- Python 爬虫学习 相关类库的介绍
- BZOJ 3531: [Sdoi2014]旅行( 树链剖分 )
- .Net——使用.net内置处理程序处理自定义节点Demo
- .Net——使用.net内置处理程序处理自定义节点Demo
- 岁月是把杀猪刀
- 正则表达式
- C语言回顾(八、结构体,联合/共用体,枚举)——iOS开发基础
- 爬虫实例——主要使用re和requests模块
- UVa 12279 - Emoogle Balance