摘要: 漂移布局漂移布局是指使用float对元素向左或向右浮动,在浮动元素的下方的元素,可以使用clear对其样式进行清理,避免被浮动元素覆盖。问题:放置顺序会发生变化导致浏览器阅读顺序发生变化。冻结布局冻结布局,固定所有内容大小。问题:内容不会随浏览器窗口的变化而扩展。凝胶物布局固定所有内容大小,通过au... 阅读全文
posted @ 2015-04-23 10:02 zoey00 阅读(116) 评论(0) 推荐(0) 编辑
摘要: 转自豆瓣:http://www.douban.com/note/330400235/网页设计:重置CSS样式表网页设计,让人最头疼的莫过于让页面兼容各大浏览器,准确些是兼容它们“默认”的CSS样式表。这样,“抹掉”这些默认样式表成了首要问题,也就有了CSS样式表重置一说,目前用的最多的,也是自己现在... 阅读全文
posted @ 2015-03-31 10:09 zoey00 阅读(261) 评论(0) 推荐(0) 编辑
摘要: 关于brackets建站时一些问题。01.页面不能完全覆盖浏览器:调整body的margin或padding值。02.图片太大,作为背景只显示一部分:设定background-size值为cover或content。03.块定位:position(absolute),z-index(数值)。 阅读全文
posted @ 2015-02-02 13:15 zoey00 阅读(133) 评论(0) 推荐(1) 编辑
摘要: 标记、元素、链接、路径01.HTML和CSS是用来创建网页的语言。02.Web服务器存储并提供由HTML和CSS创建的网页。浏览器接收网页并基于HTML和CSS 显示其中的内容。03.HTML是超文本标记语言(HyperText Markup Language)的缩写,用来结构化网页。04.CSS是... 阅读全文
posted @ 2015-01-22 16:08 zoey00 阅读(180) 评论(0) 推荐(0) 编辑
摘要: 01.准备工作:新建画布、图层,设定好前景色和背景色。填充图层; 02.颜色渲染:选定填充过颜色的图层,进行颜色渲染操作(滤镜-渲染-云彩);03.马赛克制作:继续选定当前操作图层,进行马赛克制作(滤镜-像素化-马赛克);04.复制马赛克图层,并选择混合模式为叠加;05.对马赛克图层进行变换操作:水... 阅读全文
posted @ 2015-01-22 11:15 zoey00 阅读(232) 评论(0) 推荐(0) 编辑
摘要: 原文链接web开发大概分为前台和后端,前台又可以分为美工,交互设计,js编程。后端了解不多,前端的话,可以按如下思路系统学习:基础知识:1. html + css。这部分建议在 www.w3school.com.cn 上学习,边学边练,每章后还有小测试。之后可以模仿一些网站做些页面。在实践中积累了一... 阅读全文
posted @ 2015-01-05 11:26 zoey00 阅读(403) 评论(0) 推荐(1) 编辑
摘要: 【转载】PNG的使用技巧时间:2014-12-25 12:21Png是图像文件存储格式,在网页设计中已经不是一个陌生的名词,在前端开发中经常使用到它,如常用CSS 雪碧图。而Png的使用不仅仅如此,Png有多少种格式,有哪些特点,PC端中常用的Png格式是哪些,手机端最合适的Png格式是什么呢?如果... 阅读全文
posted @ 2014-12-25 12:03 zoey00 阅读(215) 评论(0) 推荐(0) 编辑
摘要: 在网页设计中,对图片进行剪切是必不可少的一个步骤。但一个页面中,需要用到的图片太多,为了节省时间,当然不能一个一个的裁剪保存,好在PS工具提供了一个快捷的功能:切片(快捷键:C,来源应该为cut)。我们可以通过切片把需要剪切的图形在页面中先规划设定出来,然后Ctrl+shift+Alt+S就能一次性... 阅读全文
posted @ 2014-12-25 11:52 zoey00 阅读(1330) 评论(0) 推荐(0) 编辑
摘要: 本文来自互联网:http://www.cnblogs.com/pigtail/archive/2013/02/17/2914119.html利用css画图形,是个有利有弊的写法,好处是不用画图,且节省了一些流量,坏处是要写长串的css样式,而且有可能流量并没有减少,用与否视情况而定,个人选择。下面是... 阅读全文
posted @ 2014-12-17 12:44 zoey00 阅读(326) 评论(0) 推荐(0) 编辑
摘要: p标签:p{word-wrap:break-word;}word-break属性规定自动换行的处理方法。 提示:通过使用word-break属性,可以让浏览器实现在任意位置的换行。兼容火狐浏览器。p{text-indent:2em;}用于段落缩进。 阅读全文
posted @ 2014-12-16 23:05 zoey00 阅读(135) 评论(0) 推荐(0) 编辑