随笔分类 -  HTML5&CSS3笔记

摘要:在用编辑器保存的数据到数据库的时候经常是在我们的内容前后加一个P标签,但是出来之后是一行,有时候会超过边框的宽度,所以研究了如何折行,如下代码: 效果: 解释: overflow 属性规定当内容溢出元素框时发生的事情。 word-break: word-wrap 属性允许长单词或 URL 地址换行到 阅读全文
posted @ 2018-09-05 20:51 QiaoZhi 阅读(9287) 评论(0) 推荐(0) 编辑
摘要:<frameset rows='20%,*' > <!-- row 行 col 列 分行列要为rows cols --> <frame src='链接' style=' background-color=red;' name=''> <frameset cols='40%,*' > <frame s 阅读全文
posted @ 2017-12-23 22:51 QiaoZhi 阅读(2454) 评论(0) 推荐(0) 编辑
摘要:EQ: Equal GT: Greater Than LT: Less than 知道全称就不会忘记 EQ: Equal GT: Greater Than LT: Less than 知道全称就不会忘记 阅读全文
posted @ 2017-10-23 17:44 QiaoZhi 阅读(1607) 评论(0) 推荐(0) 编辑
摘要:HTML特殊字符编码对照表 阅读全文
posted @ 2017-10-17 12:58 QiaoZhi 阅读(365) 评论(0) 推荐(0) 编辑
摘要:0.效果: 1.html 2.css 阅读全文
posted @ 2017-10-01 18:29 QiaoZhi 阅读(770) 评论(0) 推荐(0) 编辑
摘要:“form表单里的按钮,明明是button而不是input type = submit,点击还是提交,如何让它不提交?” (这个问题被我遇到了,很坑爹的,知道了就不以为然了。) 因为 button 默认类型是submit,所以如果想让不提交,显示的指定类型,type=“button”就解决了。 bu 阅读全文
posted @ 2017-09-27 11:34 QiaoZhi 阅读(794) 评论(0) 推荐(0) 编辑
摘要:DOM对象和js对象以及jQuery对象的区别 一、DOM对象 文档对象模型简称DOM,是W3C组织推荐的处理可扩展置标语言的标准编程接口。 二、JavaScript 对象 三、jQuery对象 jQuery对象其实是一个JavaScript的数组,这个数组对象包含125个方法和4个属性 4个属性分 阅读全文
posted @ 2017-09-12 21:09 QiaoZhi 阅读(418) 评论(0) 推荐(1) 编辑
摘要:CSS3 动画 CSS3,我们可以创建动画,它可以取代许多网页动画图像,Flash动画,和JAVAScripts。 CSS3 @keyframes 规则 要创建CSS3动画,你将不得不了解@keyframes规则。 @keyframes规则是创建动画。 @keyframes规则内指定一个CSS样式和 阅读全文
posted @ 2017-09-02 15:22 QiaoZhi 阅读(365) 评论(0) 推荐(0) 编辑
摘要:CSS3中,我们为了添加某种效果可以从一种样式转变到另一个的时候,无需使用Flash动画或JavaScript. 它是如何工作? CSS3 过渡是元素从一种样式逐渐改变为另一种的效果。 要实现这一点,必须规定两项内容: 指定要添加效果的CSS属性 指定效果的持续时间。 实例 应用于宽度属性的过渡效果 阅读全文
posted @ 2017-09-02 15:11 QiaoZhi 阅读(337) 评论(0) 推荐(0) 编辑
摘要:CSS3 允许您使用 3D 转换来对元素进行格式化。 在本章中,您将学到其中的一些 3D 转换方法: rotateX() rotateY() rotateX() 方法 rotateX()方法,围绕其在一个给定度数X轴旋转的元素 rotateY() 方法 rotateY()方法,围绕其在一个给定度数Y 阅读全文
posted @ 2017-09-02 15:04 QiaoZhi 阅读(212) 评论(0) 推荐(0) 编辑
摘要:CSS3转换,我们可以移动,比例化,反过来,旋转,和拉伸元素。 2D 转换 在本章您将了解2D变换方法: translate() rotate() scale() skew() matrix() translate() 方法 translate()方法,根据左(X轴)和顶部(Y轴)位置给定的参数,从 阅读全文
posted @ 2017-09-02 15:00 QiaoZhi 阅读(233) 评论(0) 推荐(0) 编辑
摘要:CSS3中包含几个新的文本特征。 在本章中您将了解以下文本属性: text-shadow box-shadow text-overflow word-wrap word-break CSS3 的文本阴影 CSS3 中,text-shadow属性适用于文本阴影。 您指定了水平阴影,垂直阴影,模糊的距离 阅读全文
posted @ 2017-09-02 14:52 QiaoZhi 阅读(659) 评论(0) 推荐(0) 编辑
摘要:参考: http://www.runoob.com/css3/css3-gradients.html CSS3 渐变(gradients)可以让你在两个或多个指定的颜色之间显示平稳的过渡。 以前,你必须使用图像来实现这些效果。但是,通过使用 CSS3 渐变(gradients),你可以减少下载的事件 阅读全文
posted @ 2017-09-02 14:43 QiaoZhi 阅读(364) 评论(0) 推荐(0) 编辑
摘要:参考: http://www.runoob.com/css3/css3-tutorial.html CSS3被拆分为"模块"。旧规范已拆分成小块,还增加了新的。 一些最重要CSS3模块如下: 选择器 盒模型 背景和边框 文字特效 2D/3D转换 动画 多列布局 用户界面 1.CSS3边框: 用 CS 阅读全文
posted @ 2017-09-02 14:37 QiaoZhi 阅读(368) 评论(0) 推荐(0) 编辑
摘要: 阅读全文
posted @ 2017-09-02 14:10 QiaoZhi 阅读(638) 评论(0) 推荐(0) 编辑
摘要:HTML有许多特殊的字符,您对此有多少了解?平时在WEB制作中,您又有用到多少?或者说你在平时使用之时,是否也会碰到,有许多特殊字符要如何 打印出来?比如说“笑脸”,比如说“版权号”。要是你用时忘记了这些特殊字符,不要紧,请记住今天这个地址,你就随时可以查到这些特殊字符的表示方法。 简单的介绍一下其 阅读全文
posted @ 2017-09-02 14:05 QiaoZhi 阅读(983) 评论(0) 推荐(0) 编辑
摘要:我们写跑马灯一般都是用js控制定时器不断循环产生,但是定时器消耗比较大,特别是程序中很多用到定时器的时候,感觉有的时候比较卡。但是css3样式一般不会。这里主要的思路就是用css3代替js定时器实现一个简单的跑马灯。 1、基本思路 这次demo主要是通过css3中的animation动画实现,借助t 阅读全文
posted @ 2017-09-02 12:11 QiaoZhi 阅读(8501) 评论(0) 推荐(0) 编辑
摘要:1.全局属性 title定义鼠标悬浮在上面的提示。比如: 2.表单属性 placeholder用于给输入框刚开始的提示,当用户输入时候会自动消失,比如: 阅读全文
posted @ 2017-08-24 14:19 QiaoZhi 阅读(381) 评论(0) 推荐(0) 编辑
摘要:frame不能放在body标签内。指定name属性,为这一个框架指定名字,在html的a的target属性可以设为target="right"在该框架显示跳转的页面。(常用于后台管理界面) 例子: index.html left.html top.html right.xml right1.html 阅读全文
posted @ 2017-08-12 20:44 QiaoZhi 阅读(287) 评论(0) 推荐(0) 编辑
摘要:iframe类似于frameset,iframe 和 frameset 都用于html页面的框架布局。(都可用于后台管理界面,iframe放于body标签内,frameset不能放在body标签) 1. <iframe> 标签:iframe 是个内联框架,是在页面里生成个内部框架。 2. <fram 阅读全文
posted @ 2017-08-12 20:35 QiaoZhi 阅读(1546) 评论(0) 推荐(0) 编辑

点击右上角即可分享
微信分享提示