阅读模式:

h5和css的入门

阅读量:22  一键切换:繁體   HtmlCss  发布时间:来源:知识库  
内容摘要:height、line-height、fontsize的关联tabindexh5中表单隐藏域form表单的提交height、line-height、fontsize的关联一般情况下,用line-height和fontSize相等,组合一起用......

h5和css的入门

  1. height、line-height、fontsize的关联
  2. tabindex
  3. h5中表单隐藏域
  4. form表单的提交

height、line-height、fontsize的关联

一般情况下,用line-height和fontSize相等,组合一起用,可以使text内容垂直居中。当fontSize>line-height,那么文字往上重叠:当fontSize<line-height,line-height下方拉长。当有height且height>lineheight,那么拉长,当height<lineheight,那么高度变小,可能看不全文字。

下面的图很详尽地介绍了三者之间的关系:

tabindex

用途:控制键的顺序(0~=327667,在谷歌浏览器中,一旦超过了327667则按0处理)

tabindex=0时,按照访问的顺序获得焦点

tabindex=-1时,不能获取焦点 ,但可以通过响应js的事件focus获得

当tabindex>=1时,数字越小优先级越高(除0以外,0是拥有获得焦点中最低的优先级)

h5中表单隐藏域

用于隐藏用于收集或发送给后台某些有用的信息。

<input type="hidden" value="" name=""></input>

form表单的提交

form中不能有action跳转的,提交页面会闪一下。

解决办法一:添加submit函数

$("form").on("submit",function(){
  //相应的处理
    return false
})

解决办法二:不用type=“submit”,用button按钮手动实现更改

注:其他的,避免表单重复提交,event.preventDefault()

css中设置100%未生效

原因:父元素未设置宽度。

分享到:
首页桂ICP备2022000863号分类地图学习工具教育专题当前时间:本站内容只用于学习和交流,如有牵扯版权问题请联系站长邮箱: