摘要: 1. 保存原型图片到本地,如在网页上看到图标素材,好多个在一张图上。 如上图所示,将图片拖入axure中,利用分割或者裁剪,把小图标分割出来,然后Ctrl+F8将当前页面生成html文件,之后在相应的保存路径中的image文件夹中即可找到分割好的图片,下次可直接使用。 2. 图片的变换: 拖入图片后 阅读全文
posted @ 2018-04-03 16:49 蔸蔸猫的博客 阅读(513) 评论(0) 推荐(0) 编辑
摘要: JavaScript 常被描述为一种基于原型的语言 (prototype-based language)——每个对象拥有一个原型对象,对象以其原型为模板、从原型继承方法和属性。原型对象也可能拥有原型,并从中继承方法和属性,一层一层、以此类推。这种关系常被称为原型链 (prototype chain) 阅读全文
posted @ 2018-02-28 17:21 蔸蔸猫的博客 阅读(265) 评论(0) 推荐(0) 编辑
摘要: 在实际应用中,我们经常会遇到本文换行和文本溢出时截取字符串的情况,在理解文本溢出属性之前,我们首先要了解文本换行和空白符这两个属性,然后再学习文本溢出text-overflow属性。 white-space属性:用来对空格进行处理。 可能的属性值有: (2)pre:使用pre属性值的时候,空白和换行 阅读全文
posted @ 2018-01-26 20:56 蔸蔸猫的博客 阅读(4277) 评论(0) 推荐(2) 编辑
摘要: overflow属性 如果元素中的内容超出了给定的宽度和高度属性,overflow 属性可以确定是否显示滚动条,是否隐藏溢出部分等行为,规定当内容溢出元素框时发生的事情。 可能的值有: visible:默认值。内容不会被修剪,会呈现在元素框之外。 hidden:内容会被修剪,并且其余内容是不可见的。 阅读全文
posted @ 2018-01-15 14:41 蔸蔸猫的博客 阅读(908) 评论(1) 推荐(1) 编辑
摘要: 通过之前总结水平居中与垂直居中的基本方法,梳理垂直水平同时居中的方法就没有那么乱了。 text-align:center + line-height 如下图,div2中用text-align+line-height实现单行文本水平垂直居中。 通过之前总结水平居中与垂直居中的基本方法,梳理垂直水平同时 阅读全文
posted @ 2018-01-14 21:10 蔸蔸猫的博客 阅读(368) 评论(0) 推荐(0) 编辑
摘要: 昨天总结了css中水平居中的方法,今天来总结一下css中实现垂直居中的方法。 line-height line-height用于实现单行文本的垂直居中,如下图中,我们要求单行文本垂直居中,只需要将div2设置行高line-height和height的值相同即可,也可以不用设置高度,因为单行文本的行高 阅读全文
posted @ 2018-01-14 18:11 蔸蔸猫的博客 阅读(386) 评论(0) 推荐(0) 编辑
摘要: 居中是我们在css中经常遇到的问题,一般有水平居中、垂直居中、垂直水平居中这3种情况,那么今天首先就来对学习到的水平居中的方法做个总结笔记。 css水平居中 text-align:center 它的效果为: 将父元素设置了text-align:center之后,子元素中的文本会表现为水平居中; 为了 阅读全文
posted @ 2018-01-13 20:55 蔸蔸猫的博客 阅读(1020) 评论(3) 推荐(2) 编辑
摘要: table元素 table元素 table元素 table元素 table元素 table元素 table元素 table元素 table用来创建表格,表格也可以用来布局,但是嵌套过于复杂,不利于灵活布局,已经几乎没人用它来布局了。 表格基本上有如下几个标签构成: (1)<table>标签用来创建表 阅读全文
posted @ 2018-01-12 21:18 蔸蔸猫的博客 阅读(435) 评论(0) 推荐(0) 编辑
摘要: 网页不可能是纯静态的,没有任何的交互功能;绝大多数的网站都有表单元素的使用。表单提供了一个浏览者和网站交互的途径,比如用户注册登录,用户留言等功能。 form form元素只是一个数据获取元素的容器,而容器内的元素称为表单控件。让表单数据能够提交,可以将表单元素包裹在<form>之中,最常用的表单控 阅读全文
posted @ 2018-01-12 19:43 蔸蔸猫的博客 阅读(569) 评论(0) 推荐(0) 编辑
摘要: div元素 div是块级元素,相当于一个容器,在语义上不代表任何特定类型的内容。主要用作大的框架布局,也就是说网页的骨架主要通过div来架设的,而网页的血肉则是有span、p或者ul等元素完成。 section元素 <section>标签是HTML5新增的语义化标签,代表文档中的“节”或“段”。“段 阅读全文
posted @ 2018-01-12 17:15 蔸蔸猫的博客 阅读(3473) 评论(0) 推荐(1) 编辑