随笔分类 -  HTML

摘要:将header部分和footer部分提取出来,各保存为header.html和footer.html。 header.html(P.S.1:此次有导航跳转页面改变导航样式) footer.html 其他html引入头部尾部,如: index.html 阅读全文
posted @ 2019-09-18 10:40 嘆世殘者——華帥 阅读(2409) 评论(0) 推荐(0)
摘要:一、单行溢出单行文本的溢出显示省略号,这种做法我们通常用text-overflow来实现,然后给元素定宽,超出隐藏 二、多行文本溢出 1、采用的:after来解决的 2、js的方法来实现 阅读全文
posted @ 2019-05-07 10:46 嘆世殘者——華帥 阅读(191) 评论(0) 推荐(0)
摘要:效果 阅读全文
posted @ 2019-04-25 16:40 嘆世殘者——華帥 阅读(353) 评论(0) 推荐(0)
摘要:【ttf 压缩】html网页引用中文字体,文件过大,加载缓慢的解决办法【字蛛】【web font】 【字蛛】http://font-spider.org/ 先安装好 NodeJS,然后执行: 安装后,会看到一堆报错、警告,不必理会 在 CSS 中使用 WebFont: @font-face 中的 s 阅读全文
posted @ 2019-03-28 18:39 嘆世殘者——華帥 阅读(1390) 评论(0) 推荐(0)
摘要:A页面: B页面: 阅读全文
posted @ 2019-03-24 17:15 嘆世殘者——華帥 阅读(549) 评论(0) 推荐(1)
摘要:点击上传 css部分: 阅读全文
posted @ 2018-07-26 10:55 嘆世殘者——華帥 阅读(288) 评论(0) 推荐(0)
摘要:效果: 转载:http://www.xszzz.com/2013/07/96.html 阅读全文
posted @ 2018-06-23 21:27 嘆世殘者——華帥 阅读(938) 评论(0) 推荐(0)
摘要:<div><img src="...."></div> 给img的css设置display: block;/*用来去除div下边莫名多出来的3px的像padding-bottom的东西。注:vertical-align: middle; 亦可*/ 阅读全文
posted @ 2018-06-17 20:38 嘆世殘者——華帥 阅读(502) 评论(0) 推荐(0)
摘要:一、天猫 <title>天猫触屏版</title> <meta content="text/html; charset=utf-8" http-equiv="Content-Type"> <meta charset="utf-8"> <meta content="width=device-width 阅读全文
posted @ 2018-05-15 17:28 嘆世殘者——華帥 阅读(271) 评论(0) 推荐(0)
摘要:问题如标题 效果如上 实现: 阅读全文
posted @ 2018-03-15 15:53 嘆世殘者——華帥 阅读(155) 评论(0) 推荐(0)
摘要:提取bootstrap的样式 新方法: 阅读全文
posted @ 2018-03-06 12:27 嘆世殘者——華帥 阅读(153) 评论(0) 推荐(0)
摘要:如题,懒了,不想多写! 阅读全文
posted @ 2018-03-06 12:25 嘆世殘者——華帥 阅读(391) 评论(0) 推荐(0)
摘要:效果如图 阅读全文
posted @ 2018-03-05 11:59 嘆世殘者——華帥 阅读(406) 评论(0) 推荐(0)
摘要:改变input type="file" 文字、样式等 阅读全文
posted @ 2018-03-05 10:24 嘆世殘者——華帥 阅读(699) 评论(0) 推荐(0)
摘要:例子一: HTML CSS JS 例子二: CSS 阅读全文
posted @ 2017-06-14 17:04 嘆世殘者——華帥 阅读(283) 评论(0) 推荐(0)
摘要:摘要: 我觉得input file很丑。 HTML CSS JS 效果图 阅读全文
posted @ 2017-06-14 16:30 嘆世殘者——華帥 阅读(438) 评论(0) 推荐(0)
摘要:bootstrap,模拟单选按钮 阅读全文
posted @ 2017-06-06 11:58 嘆世殘者——華帥 阅读(408) 评论(0) 推荐(0)
摘要:效果图: html: css: 阅读全文
posted @ 2016-06-02 16:14 嘆世殘者——華帥 阅读(132) 评论(0) 推荐(0)
摘要:效果图: 代码实现: html: CSS: 阅读全文
posted @ 2016-06-02 15:58 嘆世殘者——華帥 阅读(554) 评论(0) 推荐(0)
摘要:使用方法: 首先要在页面中引入必要的css和js文件。 使用方法: 首先要在页面中引入必要的css和js文件。 js: html: 效果图: width:1920px width:600px 阅读全文
posted @ 2016-05-30 15:35 嘆世殘者——華帥 阅读(311) 评论(0) 推荐(0)