鼠标形状:

在html中可以任意定义各个标签的显示形状,也可以此用来做些标签显示假像。

形状

小手

形状

    问号

形状

圆圈

形状

移动

形状

十字准星

形状

图标

我的理解:

标签的原始高度是0px,它随填充数据的大小而做出适应。

当然也可以明确规定标签的高度,当填充数据超出它的容纳范围就会出现滚动条

浮动 float:

功能:可以把块级标签组合在一起,成为一个块级元素

html代码

第一部分
第二部分
第三部分

效果图:

问题来了:

我定义了父div的背景色

且其共有三个子div,长度加起来为80%,父div还剩20%没有被填充。

问题:这20%为什么是空的;父div为什么没有显示出来,去了哪里?

原来:父div在创建的时候没有指定高度,所以默认为0,所以显示不了

怎么解决:

1、利用clear样式

html代码

第一部分
第二部分
第三部分

效果图

2、给父div规定高度

html代码

第一部分
第二部分
第三部分

效果图

问题解决了。

擦,这clear是啥?

擦,官网上说clear是设置一个元素的侧面是否允许其他的浮动元素.

共有4个属性:left|right|both|none

然后。。。。。。

html 问号标签 提示cursor: help,css之cursor,float相关推荐

  1. button小手设置 css的cursor

    需要对元素的css属性cursor进行设置.cursor可能的值: default 默认(通常是一个箭头) auto 默认.浏览器设置的光标 crosshair 十字线形状. pointer 小手形状 ...

  2. Mac--技巧:修复“闪烁的问号”错误提示

    Mac出现一个"闪烁的问号"的标志,是什么问题?这是因为苹果电脑无法找到系统软件.很多用户受到过闪烁问号这一常见的错误提示的影响,如何解决这个问题呢,和大家分享以下4个方法: 修复 ...

  3. DIV css中cursor属性详解-鼠标移到图片变换鼠标形状 (转)

    css中cursor属性详解-鼠标移到图片变换鼠标形状 语法:  cursor : auto | all-scroll | col-resize| crosshair | default | hand ...

  4. html点击左侧菜单右侧顶部生成选项卡,标签在左侧的CSS竖向简洁选项卡

    标签在左侧的CSS竖向简洁选项卡 body{padding:50px;margin:0;color:#666;font:12px arial,sans-serif;} #getId{width:400 ...

  5. struts配置文件没有标签提示

    2019独角兽企业重金招聘Python工程师标准>>> struts配置文件没有标签提示 原因:" http://struts.apache.org/dtds/struts ...

  6. Eclipse.自动提示--编写HTML/CSS/JS/JSP代码时自动提示的解决办法

    最近在做一个javaweb的项目,在eclipse中编写jsp代码时没有代码提示这个梗让人很头疼,之前一直写Java代码或者在Dreamweaver中写HTML代码时自动提示代码用起来特别爽,这突然间 ...

  7. css vue 选项卡_vuejs实现标签选项卡动态更改css样式的方法

    html {{item.name}} js var app = new Vue({ el:"#app", router, data:{ m:"hello vue.js&q ...

  8. CSS光标cursor

    前面的话 在浏览器中,光标对于提供交互反馈很有用.通过在不同的场景中改变光标,就能赋予其不同的含义 定义 cursor光标 值: [<uri>,]*[auto | default | po ...

  9. CSS中cursor的属性hander和pointer

    在CSS中手型指针有cursor:hand和cursor:pointer两种写法,其中 cursor:hand在FireFox中不支持,返回错误! cursor:hand 与 cursor:point ...

最新文章

  1. threejs画面拖动事件判断
  2. 2.6 谷歌 Inception 网络简介-深度学习第四课《卷积神经网络》-Stanford吴恩达教授
  3. 年月日_C++计算输入的年月日是这一年的第几天
  4. 分子生物学之蛋白质概述
  5. python初级语法_python语法基础
  6. svn之check out没有下载so文件原因和解决办法
  7. 前端学习(418):京东制作页面26中间模块划分
  8. 江苏省计算机考试Python用书,【关注】Python列入高考内容以及全国计算机等级考试!...
  9. Linux防火墙配置与管理(16)
  10. 文本分类的14种算法
  11. 一些编程习惯和问题记录--不定期更新
  12. 从零实现深度学习框架——Softmax回归中的数值稳定
  13. 微软Bing翻译API的使用
  14. 计算机雕刻教学设计,综合实践《果蔬雕刻》教学设计第一课时
  15. 常用英文字体收集备用
  16. Openwrt/Lede软路由设置为旁路由模式
  17. opencv_python阈值处理
  18. 003_SSS_ Tackling the Generative Learning Trilemma with Denoising Diffusion GANs
  19. OpenStack-M版(Mitaka)搭建基于(Centos7.2)+++十、Openstack对象存储服务(swift)中
  20. Linux ALSA声卡驱动之四:Codec 以及Codec_dai

热门文章

  1. javascript王者归来--属性和方法的类型
  2. html多个盒子重叠浮动,如何让浮动后的多个盒子水平居中
  3. axure类型app项目rp文件_Python编程快速上手实践项目--选择性拷贝指定类型文件到目的目录...
  4. Java黑皮书课后题第10章:*10.17(平方数)找出大于Long.MAX_VALUE的前10个平方数。平方数是指形式为n^2的数
  5. java getstringbounds_java-AttributedString的FontMetrics.getStringBounds给出...
  6. mysql游标遍历修改_mysql使用游标遍历数据进行批量针对性更新数据,急求mysql大神解答...
  7. 年方二八,人生的路口之上
  8. glid加载不出来图片
  9. 关于Cocos2d-x属性和引用
  10. [基础]Javascript中的继承示例代码