摘要: 在HTML中,通过各种各样的属性可以给元素增加很多附加的信息,了解和掌握css3一些的选择器,是很有必要的。 :enabled 和 :disabled选择器表单元素有可用(“:enabled”)和不可用(“:disabled”)状态 Text Input: Text Input: ... 阅读全文
posted @ 2016-09-02 16:11 杜Amy 阅读(173) 评论(0) 推荐(0) 编辑
摘要: 在HTML中,通过各种各样的属性可以给元素增加很多附加的信息,了解和掌握css3一些的选择器,是很有必要的。属性选择器示例: 我链接的是PDF文件 我类名是icon 我的背景想变成蓝色 效果图: 结构性伪类选择器:root 用来设置背景颜色 “:root”选择器和html的效果相同 :root{background:orange} html {background... 阅读全文
posted @ 2016-09-02 15:05 杜Amy 阅读(157) 评论(0) 推荐(0) 编辑
摘要: 1.1024px显屏 @media screen and (max-width : 1024px) { /* 样式写在这里 */ } 2.800px显屏 @media screen and (max-width : 800px) { /* 样式写在这里 */ } 3.iPad横板显屏 @media screen and (max-device-width: 1024px) and (or... 阅读全文
posted @ 2016-09-01 14:41 杜Amy 阅读(146) 评论(0) 推荐(0) 编辑
摘要: html部分: 标题 111111112222222333333 css部分: js部分: 阅读全文
posted @ 2016-09-01 12:27 杜Amy 阅读(2408) 评论(1) 推荐(0) 编辑
摘要: 媒体类型(Media Type)在CSS2中是一个常见的属性,也是一个非常有用的属性,可以通过媒体类型对不同的设备指定不同的样式。在CSS2中常碰到的就是all(全部)、screen(屏幕)、print(页面打印或打印预览模式),也是最常见的三种媒体类型。媒体类型的引用方法也有多种,常见的有:link标签、@import和CSS3新增的@media几种:link方法通过link标签中的media属... 阅读全文
posted @ 2016-09-01 12:15 杜Amy 阅读(752) 评论(0) 推荐(0) 编辑
摘要: 相信很多刚开始写手机界面的同学都要面对页面自适应的问题,当然解决方案很多,比如:百分比布局,弹性布局flex,响应式布局…… 这里主要介绍的是本人在实践中用的最顺手最简单的布局方案,以及要注意的一些事情。 1,head里边加入代码: <meta name=”viewport” content=”wi 阅读全文
posted @ 2016-08-31 17:00 杜Amy 阅读(233) 评论(0) 推荐(0) 编辑
摘要: 1,px像素(Pixel)。相对长度单位。像素px是相对于显示器屏幕分辨率而言的。 2,em是相对长度单位。相对于当前对象内文本的字体尺寸。如当前对行内文本的字体尺寸未被人为设置,则相对于浏览器的默认字体尺寸 3,rem为元素设定字体大小时,仍然是相对大小,但相对的只是HTML根元素 4,任意浏览器 阅读全文
posted @ 2016-08-31 16:56 杜Amy 阅读(159) 评论(0) 推荐(0) 编辑
摘要: 当时做这个的时候,当前状态是不规则的,li对应的有3块内容,分别设定不同背景图片,只显示当前的一个背景,鼠标移上去的时候其余2个用background-position: -1000px 0px;来隐藏,用jquery找到他的同辈给有一个样式background-position: 0px 0px; 阅读全文
posted @ 2016-08-30 11:29 杜Amy 阅读(355) 评论(0) 推荐(0) 编辑
摘要: 不论鼠标指针穿过被选元素或其子元素,都会触发 mouseover 事件。 只有在鼠标指针穿过被选元素时,才会触发 mouseenter 事件。 当鼠标指针离开元素时,会发生 mouseleave 事件。 阅读全文
posted @ 2016-08-30 10:58 杜Amy 阅读(178) 评论(0) 推荐(0) 编辑
摘要: 夜深了,废话不多说,先上代码: 阅读全文
posted @ 2016-08-27 00:53 杜Amy 阅读(630) 评论(0) 推荐(0) 编辑