这篇博客探讨了CSS中的层叠性，包括权重、继承和清除表单控件，特别提到了在input元素上的应用。还讨论了字体设置，如font-family属性，并介绍了谷歌浏览器和其他浏览器对css3新属性的支持情况。此外，文章详细阐述了鼠标悬停伪类选择器`:hover`的使用，以及如何结合CSS3的transition属性创建过渡效果。最后，讲解了三种隐藏和显示元素的方法及其对过渡效果的支持情况。
day0303
CSS的层叠性体现在
权重
继承
type="submit"
<button></button>
/*是一样的功能，都能进行数据提交*/
清除表单控件
outline:none;/*清除选中后的边框*/
input当清除了margin和padding之后，垂直上如果还有缝隙，不用管，按照设计图的数据设置一下就好了
在input这里设置了字体颜色之后，修饰的是输入文本的颜色,想要设置placeholder的样式得需要新的写法
::-wbkit-input-placeholder{
colcr:white;
}
webkit css3新属性的浏览器前缀，是谷歌浏览器以及相关内核的前缀。该写法，只能在谷歌浏览器和一些高版本上兼容，其他的浏览器不兼容
如果想要书写的效果兼容到IE的一些低版本，框内的提示信息用value写，清空功能用js写
字体
font-family
谷歌浏览器、火狐浏览器默认的是微软雅黑
说明：
- 如果是中文字体或者是多个单词组成的英文字体，需要带引号，可以不带
- 字体各异同时设置多个字体，语法是多个字体中间用逗号连接
- 多个字体的时候，优先解析第1个字体，如果字体库有就显示,如果没有解析第2个
鼠标悬停
用到的是新的选择器
伪类选择器（权重为10） 某某 :
最低0.47元/天 解锁文章
1086
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
