HTML+CSS - 随笔分类 - KSnow

手机访问PC网站自动跳转到手机版

摘要：随着智能手机的流行，4G时代来临，手机用户越来越多，在生活中甚至手机比电脑用的还多，当前开发的网站大都是PC和WAP版并存，但是很少有用户愿意去记住一个网站的两个端的不同域名，所以需要我们做一些设置，在用户访问首页的时候，进行分析跳转，现将网上流行的几种方式汇总如下，希望对大家有用：第一种方式：推荐阅读全文

posted @ 2019-02-11 11:12 KSnow 阅读(6615) 评论(1) 推荐(1)

详解CSS display:inline-block的应用

摘要：本文详细描述了display:inline-block的基础知识，产生的问题和解决方法以及其常见的应用场景，加深了对inline-block应用的进一步理解。回到顶部基础知识 display:inline-block是什么呢？相信大家对这个属性并不陌生，根据名字inline-block我们就可以阅读全文

posted @ 2017-11-18 16:33 KSnow 阅读(277) 评论(0) 推荐(0)

页面添加锚点的三种方式

摘要：HTML中的链接，正确的说法应该称作"锚点"，它命名锚点链接（也叫书签链接）常常用于那些内容庞大繁琐的网页，通过点击命名锚点，不仅让我们能指向文档，还能指向页面里的特定段落，更能当作"精准链接"的便利工具，让链接对象接近焦点。便于浏览者查看网页内容。类似于我们阅读书籍时的目录页码或章回提示。在需要指阅读全文

posted @ 2017-05-04 13:39 KSnow 阅读(661) 评论(0) 推荐(0)

-仿京东商城楼梯式导航定位菜单

摘要：实现京东商城楼梯式导航定位菜单：滚动定位菜单项和点击定位菜单项！涉及知识点：find()、parent()、offset(）、scroll()等jQ函数，请自觉复习各种函数！ html代码： css代码： jQuery代码：总结：相对来说，这是个蛮有趣的实践案例，但其中用到比较多的函数，结合了本阅读全文

posted @ 2017-05-02 11:45 KSnow 阅读(587) 评论(0) 推荐(0)

清浮动的几种方式

摘要：清浮动总结：使用浮动会使当前标签产生向上浮的效果，影响前后标签、父级标签的位置及 width height 属性。这个时候需使用清浮动，下面是总结的几种清浮动的方式。 1.clear：both；浮动的标签的后标签是块则加：clear:both；无则需添加一个空div/br，和clear：bot 阅读全文

posted @ 2017-04-18 12:07 KSnow 阅读(215) 评论(0) 推荐(0)

实现一个div，左边固定div宽度200px，右边div自适应

摘要：实现一个div，左边固定div宽度200px，右边div自适应<div class= "container"> <div class="left"></div> <div class="rigth"></div> </div> <style> /*方法一： BFC(块级格式化上下文)*/ .cont 阅读全文

posted @ 2017-04-18 11:50 KSnow 阅读(3424) 评论(0) 推荐(0)

z-index 层级关系

摘要：1 2 3 4 5 6 34 35 36 37 38 39 40 41 42 阅读全文

posted @ 2017-04-16 13:27 KSnow 阅读(267) 评论(0) 推荐(0)

js实现打开网页自动弹出添加QQ好友邀请窗口

摘要：我们有时进一些网面或专题页面会自动弹出一个加为好友的对话框了，在研究了很久之后发现可以直接使用js来实现，下面我们一起来看js实现打开网页自动弹出添加QQ好友邀请窗口的方法。第一步、JS脚本这个是比较关键的，我们需要新建一个POP.JS脚本文件，我们也可以把下面的代码加入到网站已有的JS文件中。阅读全文

posted @ 2016-10-31 10:31 KSnow 阅读(9619) 评论(0) 推荐(0)

网页中显示pdf

摘要：1、<embed width="800" height="600" src="test_pdf.pdf"> </embed> 通过的浏览器：360、Firefox、IE、Chrome 2、<object classid="clsid:CA8A9780-280D-11CF-A24D-444553540 阅读全文

posted @ 2016-10-25 09:01 KSnow 阅读(875) 评论(0) 推荐(0)

怎么在网页上嵌入新浪微博页面

摘要：模板代码如下：如果想要更换，则只需要改uid，如果要改高度和宽度，则改width和height即可; 阅读全文

posted @ 2016-08-08 09:56 KSnow 阅读(5633) 评论(0) 推荐(0)

你真的了解HTML吗？–雅虎面试题

摘要：http://helloweb.wang/jingyan~jiqiao/589.html 阅读全文

posted @ 2016-07-14 15:27 KSnow 阅读(186) 评论(0) 推荐(0)

解决IE6双倍边距BUG

摘要：解决IE6双倍边距BUG,只要满足下面3个条件才会出现这个BUG: 1）要为块状元素; 2）要左侧浮动; 3）要有左外边距(margin-left); 解决这个BUG很容易，只需要在相应的块状元素的CSS属性中加入“display:inline;”，代码如下： #redBlock{width:200 阅读全文

posted @ 2016-06-30 18:03 KSnow 阅读(419) 评论(0) 推荐(0)

前端架构

摘要：阅读全文

posted @ 2016-06-30 09:54 KSnow 阅读(127) 评论(0) 推荐(0)

CSS Sprite的应用

摘要：什么是CSS Sprite ？不知道您在浏览yahoo.com的网页中是否注意到,yahoo在页面制作上的技术和大多数网站不一样,他们把页面上的 ICON，栏目背景啊，图片按钮啊等都有会有规则的合并一张背景图,然后用background-position来实现背景图片的定位，他们为什么要花费一些阅读全文

posted @ 2016-06-29 16:33 KSnow 阅读(241) 评论(0) 推荐(0)

html 页面模块的常用命名

摘要：头：header 内容：content/container 尾：footer 导航：nav 侧栏：sidebar 栏目：column 页面外围控制整体布局宽度：wrapper 左右中：left right center 登录条：loginbar 标志：logo 广告：banner 页面主体：main 阅读全文

posted @ 2016-06-23 17:58 KSnow 阅读(708) 评论(0) 推荐(0)

css文字超出自动显示省略号

摘要：只针对单行文本有效； 01.针对块状元素 css文字超出自动显示省略号显示省略号 css文字超出自动显示省略号 css文字超出自动显示省略号显示省略号  02.针对table 阅读全文

posted @ 2016-03-26 17:48 KSnow 阅读(332) 评论(0) 推荐(0)

display:inline、block、inline-block的区别

摘要：display:block就是将元素显示为块级元素. block元素的特点是：总是在新行上开始；高度，行高以及顶和底边距都可控制；宽度缺省是它的容器的100%，除非设定一个宽度 <div>, <p>, <h1>, <form>, <ul> 和 <li>是块元素的例子。 display:inli 阅读全文

posted @ 2016-03-26 16:01 KSnow 阅读(156) 评论(0) 推荐(0)

CSS 解决IE6双倍距离BUG

摘要：只要满足下面3个条件才会出现这个BUG: 1）要为块状元素； 2）要左侧浮动； 3）要有左外边距(margin-left)；解决这个BUG很容易，只需要在相应的块状元素的CSS属性中加入“display:inline;，阅读全文

posted @ 2015-12-22 17:33 KSnow 阅读(175) 评论(0) 推荐(0)

CSS background 之设置图片为背景技巧

摘要：首先先来看看background有那些值:可以按顺序设置如下属性（可点击进入相应的css手册查看使用）：background-color 背景颜色background-image 背景图片background-repeat 背景重复background-attachment 背景图片是固定还是滚动b... 阅读全文

posted @ 2015-12-18 15:43 KSnow 阅读(4593) 评论(0) 推荐(0)

浏览器地址栏中加入ico图标的二种方法

摘要：在你的网页文件之间加入下面代码：1、在URL地址栏中显示ico2、在收藏夹中显示ico1 link href="/favicon.ico" type="image/x-icon" rel="shortcut icon"/>2 阅读全文

posted @ 2015-12-18 15:32 KSnow 阅读(547) 评论(0) 推荐(0)

kbeer

随笔分类 - HTML+CSS

公告