HTML - 随笔分类 - 孤丷狼

最全整理浏览器兼容性问题与解决方案（转）

摘要：所谓的浏览器兼容性问题，是指因为不同的浏览器对同一段代码有不同的解析，造成页面显示效果不统一的情况。在大多数情况下，我们的需求是，无论用户用什么浏览器来查看我们的网站或者登陆我们的系统，都应该是统一的显示效果。所以浏览器的兼容性问题是前端开发人员经常会碰到和必须要解决的问题。在学习浏览器兼容性之前阅读全文

posted @ 2018-06-27 09:13 孤丷狼阅读(2537) 评论(0) 推荐(0)

CSS选择器详解（转）

摘要：元素选择器通配选择器 * { sRules } 选定文档所有的元素 /** 设置所有元素为红色 **/ * { color: red; } <div>我是div</div> <p>我是p</p> 类型选择器 E { sRules } 选定指定的文档元素 E /** 设置元素p为红色 **/ p { 阅读全文

posted @ 2018-04-08 09:38 孤丷狼阅读(465) 评论(0) 推荐(0)

a href=#与 a href=javascript:void(0) 的区别

摘要：——————————————————————————————————————————————————————————————————— a href="#"> 点击链接后，页面会向上滚到页首，# 默认锚点为 #TOP <a href="javascript:void(0)" onClick="win 阅读全文

posted @ 2017-03-28 08:52 孤丷狼阅读(328) 评论(0) 推荐(0)

CSS实现的几款不错的菜单栏

摘要：一、滑动菜单 1、代码： <!DOCTYPE HTML> <html lang="en-US"> <head> <meta charset="UTF-8"> <title>纯CSS3垂直菜单菜单项滑动动画DEMO演示</title> <link rel="stylesheet" type="tex 阅读全文

posted @ 2017-02-06 10:18 孤丷狼阅读(3706) 评论(0) 推荐(0)

图片轮播

摘要：无缝轮播不会出现首位切图幅度大阅读全文

posted @ 2017-01-12 11:59 孤丷狼阅读(139) 评论(0) 推荐(0)

css3 box-sizing属性和JS 网页等比例缩放

摘要：box-sizing属性可以为三个值之一：content-box（default），border-box，padding-box。 content-box，border和padding不计算入width之内 padding-box，padding计算入width内 border-box，border 阅读全文

posted @ 2017-01-09 14:42 孤丷狼阅读(343) 评论(0) 推荐(0)

毛玻璃特效

摘要：先搞一个div作为容器层，用来放置风景背景图。内部放一个div，作为毛玻璃的主体。再放一个img，显示天气图标。 <html> <head> <meta charset="utf-8"> </style> </head> <body> <div class='container'> <div c 阅读全文

posted @ 2016-11-28 21:14 孤丷狼阅读(350) 评论(0) 推荐(0)

css3 动画

摘要：颜色渐变 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>菜鸟教程(runoob.com)</title> <style> div { width:100px; height:100px; background:red; ani 阅读全文

posted @ 2016-11-11 16:09 孤丷狼阅读(163) 评论(0) 推荐(0)

网页练习

摘要：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.o 阅读全文

posted @ 2016-10-30 19:29 孤丷狼阅读(195) 评论(0) 推荐(0)

HTML_css样式表样式属性格式布局

摘要：CSS（Cascading Style Sheet，叠层样式表），作用是美化HTML网页。 /*注释区域*/此为注释语法一、样式表（一）样式表的分类 1.内联样式表和HTML联合显示，控制精确，但是可重用性差，冗余较多。例：<p style="font-size:14px;">内联样式表</ 阅读全文

posted @ 2016-10-28 08:36 孤丷狼阅读(5353) 评论(0) 推荐(0)

HTML--表单，图片热点，网页划区和拼接

摘要：一、图片热点规划出图片上的一个区域，可以做出超链接，直接点击图片区域就可以完成跳转的效果。示例： <img src="http://dl.bizhi.sogou.com/images/2012/03/14/124196.jpg" height="900"/ usemap="longzhu"> < 阅读全文

posted @ 2016-10-26 19:49 孤丷狼阅读(344) 评论(0) 推荐(0)

HTML基础-- 标签、表格

摘要：<html> --开始标签 <head> 网页上的控制信息 <title>页面标题</title> </head> <body> 页面显示的内容 </body> </html> --结束标签  注释 body的属性： bgcolor 页面背景色 text 文字颜色（规定所有文本阅读全文

posted @ 2016-10-24 22:01 孤丷狼阅读(273) 评论(0) 推荐(0)

随笔分类 - HTML