随笔分类 -  HTML/CSS

css 清除浮动
摘要：在子元素都设置了浮动后，父元素会失去高度。 而且会影响下面的元素，这时候就需要清除浮动： 这时候就需要清除浮动： 1. 在这些子元素的最后加一个元素来清除浮动 2. 通过父类的伪元素:after来清除浮动 3. 给接下来的第一个元素增加 clear:both; 样式（即不希望受到影响的元素） 4. 阅读全文
posted @ 2020-01-22 10:32 hiuman 阅读(103) 评论(0) 推荐(1)
常见问题 解决合集
摘要：会持续更新 欢迎一起探讨，如果有写的不准确或是不正确的地方，欢迎大家指出来~ 或者有更好的解决办法也可以提出来~ 略长，建议直接搜关键字/词 如果没有你想要的内容，可以点这里去评论，或者发短消息给我，后续会继续补充 HTML： 跳转页面某个位置：（使用锚点） 可编辑 contenteditable属 阅读全文
posted @ 2018-09-14 15:05 hiuman 阅读(331) 评论(3) 推荐(0)
常见移动web注意点
该文被密码保护。
posted @ 2017-08-12 13:01 hiuman 阅读(4) 评论(0) 推荐(0)
使用div实现progress进度条
摘要：在百度上搜了很多方法去修改HTML5 progress的样式，然而并没有实现。 所以自己用div实现了一个。 简单粗暴(*＾-＾*) 可以在CSS里改样式，可以JS里改进度。 阅读全文
posted @ 2016-11-07 13:52 hiuman 阅读(692) 评论(0) 推荐(0)
选项卡效果的菜单栏
摘要：欢迎指点！ 样式效果是一样的： 区别： 原理一（tabOne.html）：多个html文件之间的跳转。（多个html文件） 可以通过 https://littlehiuman.github.io/17-tabMenu/tabOne.html 查看效果。 原理二（tab1.html）： 显示隐藏某个元 阅读全文
posted @ 2016-11-07 13:47 hiuman 阅读(344) 评论(0) 推荐(0)
用css控制table td内文字超出隐藏
摘要：（如有错敬请指点，以下是我工作中遇到并且解决的问题） 效果图： 重点是把table设置为table-layout: fixed; 超出的文字隐藏的效果才有。 p标签超出的文字隐藏的效果不需要设置这个内容就可以有效果。 阅读全文
posted @ 2016-10-09 10:08 hiuman 阅读(2604) 评论(0) 推荐(0)
css3实现鼠标移入图片划过一束光闪过效果
摘要：css3实现鼠标移入图片划过一束光闪过效果： 可以通过 https://littlehiuman.github.io/cssEffect/flashLightPic.html 查看效果。 https://github.com/littleHiuman/littleHiuman.github.io 求 阅读全文
posted @ 2016-09-13 13:59 hiuman 阅读(890) 评论(0) 推荐(0)
CSS 超出的文字显示省略号（单行、多行）
摘要：（如有错敬请指点，以下是我工作中遇到并且解决的问题） 如图 单行超出隐藏： overflow: hidden; text-overflow: ellipsis; white-space: nowrap; 多行超出隐藏：（会有兼容性问题，使用的是-webkit-的属性，如：火狐浏览器不支持） over 阅读全文
posted @ 2016-09-06 13:44 hiuman 阅读(238) 评论(0) 推荐(0)