摘要: HTML相关 <!DOCTYPE>的定义和用法 <!DOCTYPE>声明必须位于html文档的第一行,位于<html>标签之前,它是声明不是标签,是指示web浏览器关于页面使用哪个HTML版本编写的指令。 块级元素和行内元素有哪些?(常见) 块级元素:div (主要块级元素),h1,h2,h3,h4 阅读全文
posted @ 2016-11-01 08:20 lexie 阅读(244) 评论(0) 推荐(0) 编辑
摘要: css伪类(pseudo-classes)使用来添加一些选择器的特殊效果 (pseudo/ 'sju:dəʊ/假的,虚伪的;) 语法: selector:pseudo-class{} selector.class:pseudo-class{} anchor伪类(anchor/ˈæŋkə(r)/锚; 阅读全文
posted @ 2016-09-27 11:03 lexie 阅读(173) 评论(0) 推荐(0) 编辑
摘要: 在之前的工作中有一次遇到了一种菜单,要随菜单名称的长短而伸展和缩短,后来查了相关资料才知道这种菜单的被称为“滑动门菜单”…… 样子就像下面的图片这样: 做法: 把菜单分成三部分:左边、中间、右边。菜单的左边和右边各用一张背景图片(不平铺),中间用一张背景图片,这张背景图是要平铺的,因为中间部分会随着 阅读全文
posted @ 2016-09-22 22:40 lexie 阅读(574) 评论(0) 推荐(0) 编辑
摘要: 第一次遇到菱形图片时感到不好处理,后来经过查资料及请问经验丰富的前端开发人员后总结了两种方法,在此写出来以供大家参考…… 设计师给出的设计图类似下图: 解决办法一: 思路:首先切图的时候每个图片都顺时针旋转45°,切成圆角矩形(如下图),然后利用transform:rotate(-45deg);把图 阅读全文
posted @ 2016-09-20 18:04 lexie 阅读(978) 评论(0) 推荐(0) 编辑
摘要: 一、脚本的位置 大部分的脚本都是在闭合的</body>标签之前被添加都页面上的(这被认为是最适合放置链接脚本代码的位置)。 二、javascript基础指令 声明变量:var quantity; 变量赋值: quantity=3; 数据类型:数字、字符串、布尔值 使用变量来存储数字: 在字符串中使用 阅读全文
posted @ 2016-09-16 18:26 lexie 阅读(291) 评论(0) 推荐(0) 编辑
摘要: 1、css3 box-shadow 对于不同的浏览器,兼容问题的解决办法:.box_shadow{ background-color: #eee; filter: progid:DXImageTransform.Microsoft.Shadow(color='#969696', Direction= 阅读全文
posted @ 2016-08-29 16:03 lexie 阅读(2635) 评论(0) 推荐(0) 编辑