随笔分类 -  Html/Css

锚链接
摘要：1、同页面锚文本-同页面内上下转到指定位置常常看见我们页面底部点击 “回到顶部”链接就会转到网页顶部实现。1、在网页添加一个<!--被定位的--><span id="top" name="top"></span>2、点击后跳转到被定位的位置(用到a标签) <!--点击跳转--><a href="#t 阅读全文
posted @ 2019-08-14 12:06 每文朝夕 阅读(418) 评论(0) 推荐(0)
line-height影响排版
摘要：父级div设置了line-height值，子级div会继承line-height。如果不想子级元素继承，给子级元素设置line-height：normal。 阅读全文
posted @ 2018-07-30 17:36 每文朝夕 阅读(325) 评论(0) 推荐(0)
设置苹果手机input按钮和button按钮颜色显示问题
摘要：网页上，尽管设置了input按钮和button的背景颜色，但在苹果手机上测试时仍会发现背景颜色为透明渐变色，不起作用，怎么解决呢？ 在css公共样式中加上下面代码就可以解决，去除button和input按钮系统默认appearance的样式,常用于IOS下移除原生样式。 阅读全文
posted @ 2018-07-25 18:11 每文朝夕 阅读(1278) 评论(0) 推荐(0)
!important的用法及作用
摘要：定义及语法 !important，作用是提高指定样式规则的应用优先权（优先级）。语法格式{ cssRule !important }，即写在定义的最后面，例如：box{color:red !important;}。 在CSS中，通过对某一样式声明! important ，可以更改默认的CSS样式优先 阅读全文
posted @ 2017-04-06 14:27 每文朝夕 阅读(65521) 评论(3) 推荐(2)
详解position定位与定位应用
摘要：定位一直是WEB标准应用中的难点，如果理不清楚定位那么可能应实现的效果实现不了，实现了的效果可能会走样。如果理清了定位的原理，那定位会让网页实现的更加完美。 定位的定义： 在CSS中关于定位的内容是：position:relative | absolute | static | fixed stat 阅读全文
posted @ 2016-07-11 15:09 每文朝夕 阅读(2221) 评论(0) 推荐(0)
CSS 的overflow:hidden (清除浮动)
摘要：verflow:hidden这个CSS样式是大家常用到的CSS样式，但是大多数人对这个样式的理解仅仅局限于隐藏溢出，而对于清除浮动这个含义不是很 了解。一提到清除浮动，我们就会想到另外一个CSS样式：clear:both，我相信对于这个属性的理解大家都不成问题的。 verflow:hidden清除... 阅读全文
posted @ 2016-01-21 16:10 每文朝夕 阅读(711) 评论(0) 推荐(0)
垂直对齐：vertical-align属性——使用中注意事项
摘要：1、vertical-align(垂直对齐)，只对行内元素和单元格元素有效，例如属性为inline和inline-block的元素以及图片、输入表单等都是行内元素;2、元素默认的垂直对齐方式为基线对齐（vertical-align:baseline）;3、值：baseline：基线对齐； sub：下... 阅读全文
posted @ 2016-01-21 14:41 每文朝夕 阅读(431) 评论(0) 推荐(0)
移除HTML5 input在type="number"时的上下小箭头
摘要：第一种方案：在chrome下：input::-webkit-outer-spin-button, input::-webkit-inner-spin-button{ -webkit-appearance: none !important; margin: 0; }Firefox下：input[t... 阅读全文
posted @ 2016-01-20 18:40 每文朝夕 阅读(134) 评论(0) 推荐(0)