lanshanxiao - 博客园

2020年4月11日

摘要：自己制作单选框样式： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <titl 阅读全文

posted @ 2020-04-11 12:46 lanshanxiao 阅读(523) 评论(0) 推荐(0)

2020年4月10日

8.使用背景图，制作雪碧图效果

摘要：使用背景图，制作雪碧图效果： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> < 阅读全文

posted @ 2020-04-10 21:22 lanshanxiao 阅读(356) 评论(0) 推荐(0)

7.使用定位制作轮播图样式

摘要：使用定位制作轮播图样式： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <ti 阅读全文

posted @ 2020-04-10 17:40 lanshanxiao 阅读(402) 评论(0) 推荐(0)

6.使用定位，制作弹出框界面

摘要：使用定位，制作弹出框界面： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <t 阅读全文

posted @ 2020-04-10 15:56 lanshanxiao 阅读(319) 评论(0) 推荐(0)

5.通过定位实现二级菜单

摘要：通过定位实现二级菜单： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <tit 阅读全文

posted @ 2020-04-10 12:27 lanshanxiao 阅读(466) 评论(0) 推荐(0)

2020年4月9日

4.CSS中float导致的高度坍塌问题及解决方法

摘要：高度坍塌：浮动元素布局导致的问题高度坍塌的根源：浮动盒子脱离了常规流，因此常规流盒子进行高度计算时，不会考虑浮动盒子的高度。 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" c 阅读全文

posted @ 2020-04-09 17:06 lanshanxiao 阅读(784) 评论(2) 推荐(0)

3.使用float实现文字环绕图片

摘要：使用float实现文字环绕图片代码： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0 阅读全文

posted @ 2020-04-09 16:46 lanshanxiao 阅读(681) 评论(0) 推荐(0)

2020年4月8日

2.reset.css文件

摘要：重置样式： /* http://meyerweb.com/eric/tools/css/reset/ v2.0 | 20110126 License: none (public domain) */ html, body, div, span, applet, object, iframe, h1, 阅读全文

posted @ 2020-04-08 22:03 lanshanxiao 阅读(491) 评论(0) 推荐(0)

2020年4月7日

1.图片元素<img>和<map>的联用

摘要：使用<a>、<img>、<map>元素，实现点击图片上的某个区域跳转链接功能：文件目录： 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <meta name="viewport" content=" 阅读全文

posted @ 2020-04-07 19:31 lanshanxiao 阅读(499) 评论(0) 推荐(0)

2019年11月14日

1.引用js文件中的函数调用

摘要：开发中遇到一个问题，代码demo如下： test.js文件内容： 1 var b = getHomeCity(); Test.html文件内容: 1 <!DOCTYPE html> 2 <html> 3 <head> 4 <title>Test HTML Page</title> 5 <script 阅读全文

posted @ 2019-11-14 21:58 lanshanxiao 阅读(2623) 评论(0) 推荐(0)

公告