随笔分类 -  css

摘要:在CSS中,经常会用到16进制的颜色来设置文本、背景、边框等颜色,但是对于一个纯前端来讲,16进制颜色的识别和搭配可能会较为陌生了 ,本文简单介绍一下16进制颜色的一些规律 16进制颜色的数值意义: 举个例子:比如 #1A2BF4(不区分大小写),前两位1A表示的是RGB中R(Red:红色),2B表 阅读全文
posted @ 2017-11-08 11:15 丿浮生若夢 阅读(4261) 评论(0) 推荐(1)
摘要:背景图居中铺满,保持宽高比,不用显示全部时: 背景图铺满且不允许裁剪时: 保持宽高比,且不允许裁剪时(不能铺满容器): 如果需要更好的显示效果就要用到@media来适配不同尺寸的屏幕和设备了 阅读全文
posted @ 2017-10-18 15:03 丿浮生若夢 阅读(3677) 评论(0) 推荐(0)
摘要:效果如下: 阅读全文
posted @ 2017-10-16 12:00 丿浮生若夢 阅读(1434) 评论(0) 推荐(0)
摘要:在手机端点击链接时会发现有一个背景色,有时候需要改变这个颜色,或者去除这个颜色,有时候a标签做成按钮时这个颜色的存在会很丑,像这样: 可以通过 来去除这个高亮,这样在移动端点击按钮时就不会再有这个问题了 阅读全文
posted @ 2017-09-28 16:02 丿浮生若夢 阅读(1914) 评论(0) 推荐(0)
摘要:伪类用于指定要选择的元素的特殊状态,向其添加特殊的效果,比如: 效果: 给input元素添加一个:focus伪类,当input元素获得焦点时改变其边框颜色,常用于表单输入的美化。 常见的伪类有 :active, :hover, :focus, :first-child, :disabled, :vi 阅读全文
posted @ 2017-09-27 13:26 丿浮生若夢 阅读(1877) 评论(0) 推荐(0)