前端
HammerCaptain
成就感带来的充实才是快乐的源泉
展开
-
圣杯布局(双飞翼模型)的两种写法
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>圣杯布局or双飞翼布局</title> <style> *{ margin:0; padding:0; } /*清除默认样式不推荐这样只是*/ ...原创 2019-07-25 20:27:53 · 170 阅读 · 0 评论 -
让元素在容器中垂直居中的几种方法
vertical-align实现垂直居中的方法1 img添加个同级元素span而且在一行,不在一行的话给父级加上white-space:nowrap 去掉换行识别2.给span加上高度与父级同高度3 转换为display:inline-block4添加vertical-align5再给img添加vertical-align6给父亲添加text-align:center通过定位posi...原创 2019-07-29 10:07:18 · 712 阅读 · 0 评论 -
移动端页面的写法
第一步 :html 页面 meta 标签声明 <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">第二部 :CSS中将所有元素转换为怪异盒模型:*{box-sizing:bord...原创 2019-07-31 16:13:06 · 1222 阅读 · 0 评论 -
响应式布局(媒体查询)页面的写法
媒体查询可以让我们根据设备显示器的特性(如视口宽度、屏幕比例、设备方向:横向或纵向)为其设定CSS样式,媒体查询由媒体类型和一个或多个检测媒体特性的条件表达式组成。媒体查询中可用于检测的媒体特性有 width 、 height 和 color (等)。使用媒体查询,可以在不改变页面内容的情况下,为特定的一些输出设备定制显示效果。响应式布局也就是根据屏幕的变化采用不同的css样式改变页面的显示设...原创 2019-07-30 08:48:38 · 1533 阅读 · 0 评论 -
CSS浏览器兼容问题
兼容问题的罪魁祸首-各大浏览器的内核*Trident: IE、Maxthon(遨游)、腾讯 、Theworld世界之窗、360浏览器代表作品IE,因为IE捆绑在Windows中,所以占有极高的市场份额,又称IE内核或是MSHTML,此内核只能应用于windows平台,且是不开源的。*Gecko:代表作品Mozilla Firefox 是开源的,它的最大优势是跨平台,能在Microsoft W...原创 2019-07-27 11:25:30 · 85 阅读 · 0 评论