愚墨的博客
  • 首页
  • 前端技术
  • 面试
CSS3
CSS3

之前没有get到的overflow知识点

最近写一个移动端的活动页的的时候被overflow 戏弄一番,戏弄的点就是在pc上用浏览器调试一切正常,在手机上真机实测的时候就不行。想要隐藏的元素没有被隐藏掉。略显尴尬。查明之后确实发现这个知识点趋确实之前没有get到。 有的时候我们为了一些需求和页面的健壮性,经常使用overflow:hidden。使用其帮我们裁剪一下元素等。有时为了避免页面或者元素被撑开我们也会使用overflow属性。但是有些人(比如我)会对overflow:hidden 有一些误解,此属性并不能隐藏所有你想要隐藏裁剪的元素。 正常的使用:…

2017年07月20日 1条评论 4665点热度 0人点赞 阅读全文
CSS3

CSS-Modules 开荒指北

实现css模块化一直是前端开发人员努力实现的目标,但是作为前端领域发展最慢的一块,css的模块化解决方案着实让人头疼。越是大型的项目最后限制的并不是JavaScript,而是css。ES6、7和各种打包工具的发展,早已把css甩出好几条街。在《深入React技术栈》中对css模块化有所描述,在此结合我本人的经验胡说几句。 书中讲到CSS模块化的解决方案有很多,但主要分为两类。 一类是彻底抛弃CSS,使用css in JS的方式使用json来写样式。比如说jsxstyle,react-style等,结合我司的项目来说…

2017年01月11日 0条评论 2824点热度 0人点赞 阅读全文
CSS3

FlexBox

天神亦凡人! 应小衫要求写一下FLexBox的基本知识点。 网上各种介绍,各种神人的总结,可能是翻译的不好的原因吧,多少会与原本意思有些出入,虽然逻辑没什么问题,但是理解起来比较吃力,所以在这里我就总结一下供他人和自己学习总结。 什么是flexbox? Flexbox Layout(Flexible Box)模块,W3C官方称为CSS弹性盒子布局,是在CSS3中定义的一种新的布局模式。 相对于传统的布局解决方案,基于盒状模型,依赖 display属性 + position属性 + float属性。它对于那些特殊布局…

2016年06月25日 0条评论 2970点热度 0人点赞 阅读全文
CSS3

vertical-align:middle;实现文字垂直居中

让文本等内容在div中水平居中显示很容易,直接text-align:center就可以搞定,但是在很久之前我也是比较头疼垂直居中问题,现在我简单介绍一下方法吧,用css3的vertical-align:middle;来实现。 先看一下W3C上对vertical-align的定义:vertical-align 属性设置元素的垂直对齐方式。该属性定义行内元素的基线相对于该元素所在行的基线的垂直对齐。允许指定负长度值和百分比值。这会使元素降低而不是升高。在表单元格中,这个属性会设置单元格框中的单元格内容的对齐方式。我第一…

2015年12月28日 0条评论 3125点热度 0人点赞 阅读全文
CSS3

浅谈Css3的media query

从事web前端的伙伴们都会知道响应式网站,那何为响应式网站? 响应式网站就是一个网站能自动根据不同的设备来显示效果的网站(大白话),因为我们经常用的设备比如电脑、平板、手机等,这些设备的屏幕是不一样的,响应式网站就是根据不同的设备、不同的屏幕宽度(像素),可以自动的给用户呈现不同样式,使你的网站电脑可以显示,手机也可以显示,而不是制作两个版本的网站。制作响应式的网站可以有两种方式:1.就是通过服务器端来判断,服务器端的语言比如说PHP、jsp或者 .net等,通过服务器判断用户目前使用的是什么设备,然后发送响应的版…

2015年12月27日 0条评论 2882点热度 0人点赞 阅读全文
CSS3

getComputedStyle与currentStyle获取样式(style/class)

通过document.getElementById(element).style.xxx可以获取元素的样式信息但是对于通过class属性引用的外部样式表就获取不到了,感兴趣的朋友可以了解下 大家都知道,用document.getElementById(‘element').style.xxx可以获取元素的样式信息,可是它获取的只是DOM元素style属性里的样式规则,对于通过class属性引用的外部样式表,就拿不到我们要的信息了。 DOM标准里有个全局方法getComputedStyle,可以获取到当前对象样式规则…

2015年04月08日 0条评论 2854点热度 0人点赞 阅读全文
搜搜看看
历史遗迹
  • 2023年5月
  • 2022年9月
  • 2022年3月
  • 2022年2月
  • 2021年12月
  • 2021年8月
  • 2021年7月
  • 2021年5月
  • 2021年4月
  • 2021年2月
  • 2021年1月
  • 2020年12月
  • 2020年11月
  • 2020年9月
  • 2020年7月
  • 2020年5月
  • 2020年4月
  • 2020年3月
  • 2020年1月
  • 2019年5月
  • 2019年3月
  • 2019年2月
  • 2019年1月
  • 2018年9月
  • 2018年3月
  • 2018年2月
  • 2018年1月
  • 2017年11月
  • 2017年7月
  • 2017年6月
  • 2017年3月
  • 2017年2月
  • 2017年1月
  • 2016年12月
  • 2016年11月
  • 2016年9月
  • 2016年8月
  • 2016年7月
  • 2016年6月
  • 2016年5月
  • 2016年4月
  • 2016年3月
  • 2016年2月
  • 2016年1月
  • 2015年12月
  • 2015年10月
  • 2015年9月
  • 2015年7月
  • 2015年6月
  • 2015年4月

COPYRIGHT © 2020 愚墨的博客. ALL RIGHTS RESERVED.

THEME KRATOS MADE BY VTROIS