摘要: 一,css进阶篇: 等css哪些事儿看了两三遍之后,需要对看过的知识综合应用,这时候需要大量的实践 经验, 简单的想法:把qq首页全屏另存为jpg然后通过ps工具切图结合css转换成html,有无 从下手的地方可以用firebug, chrome调试工具分析网站结构样式。如果技术熟练自信 可以自己先写,写完之后在对比,以其来找寻自己的差距。结构是网站的骨架,如果 写的不合理,将是bug产生的重要根源,所以学习分析大型网站的布局样式对初学者 来说帮助是很大的。大多数初学者由于对技术的不自信,html结构往往写的很少, 而且期望在少的结构上尽可能多的实现页面效果,这样无非加大了... 阅读全文
posted @ 2014-03-18 17:58 唸随爱 阅读(367) 评论(0) 推荐(0) 编辑
摘要: 如果你使用css sprites,那么在ie6下并不能发挥sprites的作用,它还是会每次再重新 加载这个图片,解决方法为为ie6添加下面这条js: 阅读全文
posted @ 2014-03-18 17:55 唸随爱 阅读(122) 评论(0) 推荐(0) 编辑
摘要: 在SEO盛行的今天到处都在谈优化,对于网站前端制作人员来说,有几点是跟SEO相关 的,也就是SEO站内优化中的一部分,下面总结几点: 1.title,。页面的标题,不用多说,这个必须有! 2.keywords,。为搜 索引擎提供的关键字列表,各关键词间用英文逗号“,”隔开。页面的主关键词可以列举 在这里。 3.description。。告诉搜索引 擎你的网站主要内容。虽然现在description对百度等搜索引擎排名影响不是很大,但是 对于用户体验方面还是有用的,可以让用户了解到网页的大概内容,引导点击。 4.robots,。告诉搜索引擎哪些页 面需要索引,哪些页面不需... 阅读全文
posted @ 2014-03-17 17:43 唸随爱 阅读(749) 评论(0) 推荐(0) 编辑
摘要: 1. 要考虑用户用哪些关键在查找您的网页 2. SE无法识别图形中的内容 3. 确保title和alt中的内容准确 4. 尽量用静态页,如果是动态页,参数要少 5. 每个图片都尽量用alt 6. 不用mouserovers ,用CSS 7. SE不识别javascript 8. SE只能识别最常用的html标签 ———————————- 一. 多多使用: ———————————- 1. 每页用1个识别页主题 2. 多个同级次要主体 .hn系列不要跨号使用 3. 文本的停顿 4. 无序列表: 导航链,标题 5. 有序列表定义过程的步骤 6. 表示术... 阅读全文
posted @ 2014-03-17 17:39 唸随爱 阅读(216) 评论(0) 推荐(0) 编辑
摘要: 个好的命名习惯(当然这里指的并不仅仅是CSS命名)。不仅可以提高开发效率,而且 有益于后期修改和维护。假设我们当前使用的命名方式都是约定成俗的,所有人都是这样写, 那么你去到一个新团队,或者别人来接手你的工作,都可以大大缩短去阅读别人代码的时间。 一个规范化的命名,不用说,只要想想就能体会到其中的好处了。CSS:命名规范心得分享板块(Plate)命名(Naming)说明(Description)主容器wrapper页面上最大的外部容器,如无特殊需求,不推荐使用页面头部header主体内容以上的部分,即页面头部位置,可包含logo导航等页面底部footer主体内容以下的部分,即页面底... 阅读全文
posted @ 2014-03-14 16:53 唸随爱 阅读(194) 评论(0) 推荐(0) 编辑
摘要: 斜线 如果不支持,可见这里 斜线 阅读全文
posted @ 2014-03-14 16:47 唸随爱 阅读(271) 评论(0) 推荐(0) 编辑
摘要: 导航菜单其实是没有什么可说的,制作方法到处可见,今天这个案例本来不只是一个导航,还有一个搜索表单的,可是为了偷懒,把搜索表单部分去掉了,就变成了一个CSS3制作的下拉菜单。在这个导航中主要两点,一个是渐变运用,另一个就是box-shodow制作的立体效果。HTML 结构:Home Portfolio Identity Print Online AboutContactW3cplus CSS代码*{margin: 0;padding: 0;}body {padding: 50px;background: url(data:image/j...);font-family: 'Joc... 阅读全文
posted @ 2014-03-13 17:49 唸随爱 阅读(356) 评论(0) 推荐(0) 编辑
摘要: 这个效果是一个CSS3制作的时钟,不过并不是我们传统的时钟风格,分别用三块显示 时、分、秒三个部分,而且这个DEMO中藤藤还为其加上了一个js的效果,能让这个效 果和现实时钟的时间同步。这个效果运用到的CSS3知识点就是渐变、阴影,而最为关键 的就是CSS3的渐变制作。 HTML结构: Hours Minutes Seconds CSS代码:body,ul,li{ padding: 0; margin:0;}a {color: rgb(1, 124, 185);text-decoration: none;}body{ font-size:16px; color: #5a5... 阅读全文
posted @ 2014-03-13 17:47 唸随爱 阅读(520) 评论(0) 推荐(0) 编辑
摘要: 第一步:首先建一个txt文本。在txt文本框中加入 歌曲名的路径 (因为我的歌曲和页面都在桌面。所以路径是相同。就直接写歌曲的信息) //以下都是歌曲名和后缀名MP3组成、、 张政 - 香烟爱上火柴.mp3 儿歌 - 三个和尚没水喝 - 小孩子.mp3 儿童歌曲大全 - 乖孩子.mp3 儿童歌曲大全 - 好孩子要诚实 - 精选儿童歌曲.mp3 儿童歌曲 - 幸福的孩子爱唱歌.mp3 (。。。。。) 注:(文本中可以加入你的任何的歌曲) 第二步: 保存txt文本后,比如是music.txt的后缀名改成 music.m3u的文件 第三步:页面 index.html 播放音... 阅读全文
posted @ 2014-03-12 17:05 唸随爱 阅读(391) 评论(0) 推荐(0) 编辑
摘要: IE过渡滤镜 + CSS3 rgba 即可完美实现。 具体实现代码如下: .transparent { background:rgba(0, 0, 0, 0.3); filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#4c000000', EndColorStr='#4c000000');}:root .transparent { filter:progid:DXImageTransform.Microsoft.Gradient(GradientTyp 阅读全文
posted @ 2014-03-12 16:59 唸随爱 阅读(273) 评论(0) 推荐(0) 编辑