一.css样式引用优先级,最高的是标签中写的样式,一标签为基准,有内而外,有下到上依次应用

2.样式隐藏,插入小知识,宽度可以写百分比(如:100%就是宽度两边占满)

3.加大加粗

4.水平垂直居中

5.div块左右浮动

6.行内标签和块级标签相互转换

7.同时具有行内标签和块级标签的属性,就是在规定大小的块内自己有多大就占多大位置

二.position分层

1.使用position="fixed"可以固定所在div

2.设置距离上,左,右的像素

3.分层,注意返回顶部只能在同一层设置,否则不生效

4.相对定位,在固定的区域内设置模块位置

5.zindex例子

优先级由z-index的值决定,值也大优先级越高

6.悬浮小手

当图片的高或则宽大于样式大高或者宽时,使用overflow: auto能自动添加滚动条,其中auto可以换成scroll,但是区别在于auto是自适应,而scroll无论图片是否大于都会展示滚动条,

按照给定大小自动裁剪图片

图片自动堆叠

当图片小于外层时不堆叠

横堆叠

竖堆叠

通过坐标定位图片

day13_H5_CSS_2的更多相关文章

随机推荐

  1. Linux下 tftp 服务器的安装与使用

    安装步骤: 1. 安装xinetd, tftp-hpa tftpd-hpa a.  sudo apt-get install xinetd b.  sudo apt-get install tftp- ...

  2. HTML/CSS: 如何制作未读信息图标

    最近公司项目中涉及到制作通讯界面中未读信息的带数字的红色圆点图标. 拿我目前的博客头像图片为例(其实就是谷歌图片中粗略挑了一张顺眼的图片),效果图如下: HTML代码如下: <img id=&q ...

  3. Groovy 设计模式 -- 装饰器模式

    http://groovy-lang.org/design-patterns.html#_chain_of_responsibility_pattern 装饰器模式, 起到美化原始对象的作用. 一个被 ...

  4. spring和mybatis的整合开发(基于MapperFactoryBean的整合开发（方便简单不复杂）)

    MapperFactoryBean是mybati-spring团队提供的一个用于根据mapper接口生成mapper对象的类. 在spring配置文件中可以配置以下参数: 1.mapperInterf ...

  5. MySQL学习9 - 单表查询

    一.单表查询的语法 二.关键字的执行优先级(重点) 三.单表查询示例 1.where约束 2.group by分组查询 3.聚合函数 4.HAVING过滤 5.order by查询排序 6.limit ...

  6. django上下文处理器的基本使用

    1.定义一个方法 2.在django里面的settings.py里面修改配置文件 3.最后在模板里面调用 操做步骤如下: 这是在settings.py里面配置的文件   在模板里面调用上下文处理器

  7. 第六章 接口,lamda表达式与内部类

    接口 接口可以包含常量, 且不需要publish static final修饰, 接口的域会自动添加该修饰符. Java建议不要写多余的代码,因此省略修饰符更简洁. 全部都是常量的接口背离了接口的初衷 ...

  8. Android WebView重定向问题的解决方案

    当WebView在加载网页时,有时会有重定向问题,返回键回退怎么也回退不掉,怎么办? WebView有一个getHitTestResult():返回的是一个HitTestResult,一般会根据打开的 ...

  9. 再说C模块的编写（1）

    [前言] 在<Lua“控制”C>中对Lua调用C函数做了初步的学习,而这篇才是重中之重,这篇文章会重点的总结C模块编写过程中遇到的一些问题,比如数组操作.字符串操作和C函数的状态保存等问题 ...

  10. yum安装软件报错Segmentation fault处理

    yum安装软件报错Segmentation fault处理 在使用yum 更新软件时提示:Segmentation fault 中文错误提示: 段错误 [root@CMS-BAK:/usr/local ...