![](https://img-blog.csdnimg.cn/20201014180756724.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
HTML5/CSS3
半缘修道半缘君丶
志存高远,笃行不倦。言曌博客,技术交流 QQ/微信:847064370
展开
-
【html和css入门】实现简单的页首导航
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style> #header ul{list-style-type: none;}/*去掉前面的点*/ li{display: inline;} /*让四个链接水平*/原创 2016-03-15 11:07:44 · 993 阅读 · 0 评论 -
【html5和css3】transition属性整理
初学者整理transition属性,以为笔记,防止遗忘<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <link rel="stylesheet" href="a.css" type="text/css"> <title>transition</title> <style>原创 2016-03-15 11:50:18 · 3734 阅读 · 0 评论 -
css3做各种角度三角形
初学者,做笔记防止遗忘#triangle{ width:0; height:0; border-left: 50px solid transparent; /*50px为左顶点到上顶点的水平距离*/ border-right: 100px solid transparent ;/*100px为右顶点到上原创 2016-03-15 12:39:11 · 5358 阅读 · 0 评论 -
【html5和css3】animation属性整理
常做笔记,踏实学习<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <link rel="stylesheet" href="abc.css"> <title></title> <style> .div1{ width: 500px;原创 2016-03-15 16:40:04 · 2845 阅读 · 1 评论 -
HTML固定的底栏(flex布局)
有时,页面内容太少,无法占满一屏的高度,底栏就会抬高到页面的中间。这时可以采用Flex布局,让底栏总是出现在页面的底部。 <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style> #wrapper{width: 1300px;原创 2016-03-15 17:00:03 · 7148 阅读 · 0 评论 -
禁止文本框输入空格和回车
<input type="text" id="username" name="username" class="form-control"placeholder="请输入您的用户名" title="可包含中文数字和常用字符"onkeydown="if(event.keyCode==32||event.keyCode==13){return false;}">32对应的空格,13对应回车原创 2016-08-05 13:15:26 · 3821 阅读 · 0 评论 -
Html页面增加返回顶部图标和隐藏出现
效果如链接:http://liuyanzhao.com/只需要i两个步骤:1.我们在网页body内最上面添加一个,方便跳到这个位置```<span name="gotop"></span>```2.在网页的末端添加一个:``` <a href="#gotop" > <img src="__PUBLIC__/img/backTop.png" id="gotop" alt="" styl原创 2016-12-03 10:21:21 · 6749 阅读 · 0 评论 -
Ueditor编辑器如何改变上传图片大小限制
ueditor下php下的config.json文件原创 2016-11-21 17:52:19 · 1278 阅读 · 0 评论 -
html/css相对路径引用/、../、../../、/..、/../..、同级、下级、标准写法
/ 代表根目录,慎用../ 代表上一级目录../../ 代表上两级目录/.. 代表下级目录/../.. 代表下两级目录标准写法:同级 直接引用文件名下级 同级目录/下级目录/文件名原创 2017-12-25 17:39:42 · 12299 阅读 · 1 评论 -
正则表达式去除html标签
大部分博客网站的首页文章的内容都是截取了文章的一部分,然后点击“查看更多”才能看完整的文字。所以,截取字符串是必不可少的。但是如果我们直接用 substring 截取,会出现很多问题。比如样式不会改变,加粗的,文字颜色都不会去掉。还有就是一个 html标签如可能会被截成两段,导致后面的文字全部加粗之类的。这种情况绝不允许。像下图的,首页文章列表中 部分文章颜色全部变红,截取不正当导致。原创 2017-12-26 14:31:35 · 5861 阅读 · 0 评论 -
HTML5新增标记
HTML5简介HTML5是新一代的HTML。 HTML5目前主要应用在手机端,在PC端最新浏览器已经开始支持了,但还不全面。 HTML5是由W3C和WHATWG合作的结果。 W3C是万维网联盟,主要制作各种互联网标准的国际组织。如:XHTML、CSS、JavaScript、XML、AJAX等。 主要想发展XHTML2.0。 WHATWG应用程序工作组,是由Firefox、Chrome、苹果、safa原创 2017-03-11 15:48:44 · 715 阅读 · 0 评论 -
自定义新浪微博分享按钮
原文地址:http://liuyanzhao.com/2572.html博主这几天申请了一个新浪微博的应用,得到了一个App Key,申请地址点此于是准备给页面加一个新浪微博分享按钮,方便随时分享文章到微博,引一波ip,嘿嘿嘿。但是新浪微博的那个图标和按钮真的时丑的一比,不美观,不好改样式。于是就衍生了本文,如何自定义新浪微博按钮。 第一步、部署新浪微博组件所谓自定义按钮其实原理很简单,就是直接弄原创 2017-03-22 18:01:07 · 3705 阅读 · 0 评论 -
Html页面在手机端出现右边空白
目前我遇到的原因只有一个: body里有一个div把页面撑宽了,就是儿子的宽度比父亲,或者祖辈大就会出现这种 情况为此做了个简单测试:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style> * { p原创 2016-12-09 20:27:52 · 18215 阅读 · 4 评论 -
Ueditor字数限制解决方案
ueditor默认字数10000字,我想改成1000000,怎么办呢?很简单在ueditor.all.js里搜索maximumWords,找到如图位置:ok了原创 2016-12-05 17:40:58 · 8925 阅读 · 0 评论 -
bootstrap模态框弹窗导致页面左移
如图: 解决方案很粗暴: body 里加一句padding-right: 0!important;效果链接地址:http://liuyanzhao.com/ 点击”申请链接”原创 2016-12-05 16:34:19 · 4040 阅读 · 3 评论 -
多说评论如何显示最近访客
效果如链接http://liuyanzhao.com/<ul class="ds-recent-visitors" data-num-items="30"></ul> <!--多说js加载开始,一个页面只需要加载一次 --> <script type="text/javascript"> var原创 2016-12-04 15:59:51 · 524 阅读 · 0 评论 -
如何让Html页面的导航固定在浏览器顶部
效果图如链接:http://liuyanzhao.com/ position: fixed; z-index:1; /*关键*/ top:0;z-index是css样式,默认是0. 值越大,越在表面,盖住其他的原创 2016-12-03 14:20:52 · 7241 阅读 · 0 评论 -
p标签里文字不换行,以省略号结束
p { white-space:nowrap; word-wrap:break-word; word-break:break-all;}原创 2016-12-03 10:37:20 · 7063 阅读 · 0 评论 -
多说评论常用代码
多说公共JS代码,每个网页只需要插入一次,但必须要插入0.插入公共代码每个页面插一次就可以,可以放在页面尾部,或者js代码里面<!-- 多说公共JS代码 start (一个网页只需插入一次) --><script type="text/javascript">var duoshuoQuery = {short_name:"liuyanzhao"}; (function() {原创 2017-01-19 21:37:55 · 2132 阅读 · 1 评论 -
UEditor代码高亮
<script type="text/javascript" src="__PUBLIC__/UEditor/third-party/SyntaxHighlighter/shCore.js"></script> <link rel="stylesheet" href="__PUBLIC__/UEditor/third-party/SyntaxHighlighter/shCoreDefault原创 2016-11-18 11:48:59 · 867 阅读 · 0 评论 -
-webkit-padding-start: 40px;ul的padding-left:40px;问题
今天在仿本站搭一个SSM博客的时候,在写 HTML/CSS 的时候,遇到一个问题。如图,左边有 40px 的空隙然后审查元素,查看一下,真相出来了。md,竟然是浏览器的原因。解决办法,添加一行* { padding:0; margin:0;}但是,这个貌似比较占资源,我们可以换用下面这段代码body, div, dl,原创 2017-12-26 16:11:16 · 5329 阅读 · 1 评论