消逝的风i - 博客园

2020年8月10日

摘要： Markdown是一种纯文本格式的标记语言。通过简单的标记语法，它可以使普通文本内容具有一定的格式。一、标题在想要设置为标题的文字前面加#来表示一个#是一级标题，二个#是二级标题，以此类推。支持六级标题。注：标准语法一般在#后跟个空格再写文字。示例： # 这是一级标题 ## 这是二级标题 # 阅读全文

posted @ 2020-08-10 16:38 消逝的风i 阅读(27025) 评论(0) 推荐(0)

2020年7月30日

html实现a元素href的URL链接自动刷新或新窗口打开

摘要：有时我们想实现这样一个功能，点击一个链接，如果这个链接浏览器已经打开过，则刷新已经打开的链接窗口；如果这个链接没有打开过，则使用新窗口打开这个链接页面。这是一个非常好的体验增强功能，可以有效避免浏览器选项卡中打开重复多余的页面。关键是如何实现呢？使用a标签的target属性特性：无论是a链接阅读全文

posted @ 2020-07-30 21:26 消逝的风i 阅读(1608) 评论(0) 推荐(0)

2020年7月29日

css移动端布局单位介绍之rem

摘要：本文主要写给刚接触移动端开发的同鞋们。首先先将几个主要概念讲一下；什么是移动端？移动端故名思义是为移动终端，大名叫移动通信终端，是指可以在移动中使用的计算机设备。其实就是我们常说的手机。什么是布局？前端开发中布局是将主要的html结构布置好。 rem是什么？ rem是一种长度单位，是而且仅阅读全文

posted @ 2020-07-29 23:15 消逝的风i 阅读(3051) 评论(0) 推荐(0)

HTML中div嵌套div的margin不起作用

摘要：下面介绍一下div嵌套div时margin不起作用的解决方案。顺便科普下margin的定义和用法。 div嵌套的HTML代码： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" 阅读全文

posted @ 2020-07-29 22:41 消逝的风i 阅读(1759) 评论(0) 推荐(0)

CSS几种简单方法实现文字竖向排版

摘要：下面介绍几种使用Css实现文字竖向排版的方法： 1.一个句子的竖向排列如图： <!DOCTYPE html> <html> <head> <title>test</title> <meta charset="UTF-8"> </head> <style> .one { width: 20px; m 阅读全文

posted @ 2020-07-29 22:18 消逝的风i 阅读(19666) 评论(0) 推荐(0)

CSS中使用text-align:justify让内容两端对齐并兼容IE及主流浏览器的方法

摘要：我们做登录页面时有时需要用户名和密码俩端对齐，这样显得美观一点，下面介绍一下几种实现方法：一、使用 text-align属性（只兼容谷歌、火狐浏览器）： html <ul> <li>密码</li> <li>用户名</li> <li>身份证号</li> </ul> css ul li{ width: 阅读全文

posted @ 2020-07-29 22:12 消逝的风i 阅读(1045) 评论(0) 推荐(0)

html中如何让图片按比例响应式缩放、并自动裁剪的css技巧

摘要：响应式网站、移动端页面在DIV CSS布局中对于图片列表或图片排版时，如果想要图片按比例缩放，最简单的就是把img宽度设为100%，不设置高度，高度就会自动跟着高度缩放。但是如果要达到的效果是，要让图片的宽高要按一定的比例显示，如1：1 、4：3 等，然而图片尺寸不是这个比例，又不想让图片拉伸变形阅读全文

posted @ 2020-07-29 21:54 消逝的风i 阅读(12975) 评论(0) 推荐(0)

html中把多余文字转化为省略号

摘要：在html中如果要把多余的文字显示为省略号，那么有以下几种方法：单行文本： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-widt 阅读全文

posted @ 2020-07-29 21:30 消逝的风i 阅读(2279) 评论(0) 推荐(1)

html中input提示文字样式修改

摘要：在很多网站上我们都看到input输入框显示提示文字，让我们一起来看看如果在input输入框中显示提示文字。我们只需要在<input>标签里添加：placeholder="提示文字即可"，那么如果要修改提示文字的样式呢？可以这样设置css样式： <!DOCTYPE html> <html> <head 阅读全文

posted @ 2020-07-29 21:10 消逝的风i 阅读(5969) 评论(0) 推荐(1)

HTML5里的input标签的required属性提示文字修改

摘要：在做表单提交时我们有时会遇到这样的需求，在用户没有输入必填信息点提交时提示文字需要改为我们想要的提示信息，那么可以在input里面增加这样的语句： <input type="text" placeholder="您的姓名" required oninvalid="setCustomValidity( 阅读全文

posted @ 2020-07-29 21:01 消逝的风i 阅读(2880) 评论(0) 推荐(0)

公告