一.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. 金融量化分析【day111】：Pandas-分组与聚合

    一.分组与聚合 在数据分析中,我们有时需要将数据拆分,在每一个特定的组里进行运算 1.实验数据准备 a = pd.read_csv('601318.csv') a 数据如下: 实验数据 2.示例 df ...

  2. PYTHON语言之常用内置函数

    一 写在开头本文列举了一些常用的python内置函数.完整详细的python内置函数列表请参见python文档的Built-in Functions章节. 二 python常用内置函数请注意,有关内置 ...

  3. [物理学与PDEs]第2章第5节 一维流体力学方程组的 Lagrange 形式 5.2 Lagrange 坐标

    1. Lagrange 坐标 $$\beex \bea &\quad 0=\int_\Omega\cfrac{\p \rho}{\p t}+\cfrac{\p}{\p x}(\rho u)\r ...

  4. Java8从对象列表中取出某个属性的列表

    List<属性值类型> 属性List = 对象List.stream().map(对象::get方法()).collect(Collectors.toList()); 例如: List&l ...

  5. tf.py_func

    在 faster  rcnn的tensorflow 实现中看到这个函数 rois,rpn_scores=tf.py_func(proposal_layer,[rpn_cls_prob,rpn_bbox ...

  6. 函数语法：JS获取浏览器窗口大小 获取屏幕，浏览器，网页高度宽度（转载）

    网页可见区域宽:document.body.clientWidth 网页可见区域高:document.body.clientHeight 网页可见区域宽:document.body.offsetWid ...

  7. Django REST Framework API Guide 06

    本节大纲 1.Validators 2.Authentication Validators 在REST框架中处理验证的大多数时间,您将仅仅依赖于缺省字段验证,或在序列化器或字段类上编写显式验证方法.但 ...

  8. ansible入门及组件介绍

    Ansible简介 Ansible是自动化运维的工具,基于Python开发,实现了批量系统配置.批量程序部署.批量运行命令等功能.Ansible是基于模块工作的,ansible提供一个框架,通过模块实 ...

  9. webstorm javascript 分号提示如何自动补全或去掉？

    转载于: https://segmentfault.com/q/1010000006930809?_ea=1180552 如图片显示,每行末尾都会提示你加上分号,如何让IDE自动完成这个操作或者取消这 ...

  10. day3-->深浅拷贝

    import copy #浅拷贝 #copy.copy() #深拷贝 #copy.deepcopy() #赋值 #a = '123' #b = a a1 = 123123 a2 = 123123 #查 ...