随笔分类 -  CSS

摘要:响应式页面的基本写法: —— 创建通用非响应式页面,可以将页面设置固定宽度,完成后添加媒体查询(@media)及响应代码。 1、首先应设置好 <meta> 标签。例如: 2、媒体查询(media query) 使用媒体查询可以针对不同的媒体类型定义不同的样式。 常用的属性包括 屏幕宽度 和 屏幕方向 阅读全文
posted @ 2017-08-24 18:28 hiker90 阅读(129) 评论(0) 推荐(0)
摘要:text-align:justify无效的解决办法 原因:text-align只对最后一行之前的行生效,如果你只有一行则需特殊处理。 1、使用text-align-last,并将其设置为justify。text-align-last不是所有浏览器支持。 2、手动添加一行最为最后行,并将其隐藏。 单选 阅读全文
posted @ 2017-06-12 17:30 hiker90 阅读(189) 评论(0) 推荐(0)
摘要:relative: relative: 生成相对定位的元素,相对于其正常位置进行定位。 元素的位置通过left、right、top、button属性进行规定,可以通过z-index进行层次分级。 元素元素仍保持其未定位前的形状,原本所占的空间仍将保留。 如果没有定位偏移量,对元素本身没有任何影响 a 阅读全文
posted @ 2017-05-07 10:12 hiker90 阅读(216) 评论(0) 推荐(0)
摘要:CSS书写顺序 1.位置属性(position, top, right, z-index, display, float等) 2.大小(width, height, padding, margin) 3.文字系列(font, line-height, letter-spacing, color- t 阅读全文
posted @ 2017-05-06 22:37 hiker90 阅读(189) 评论(0) 推荐(0)