作用:根据指定的选择器模式匹配文档中的元素,并为其设置样式。选择模式:选择符,指匹配元素的依据 1.标签选择器/元素选择器 根据标签名,匹配文档中所有的该元素,为其设置样式 语法:标签名{属性:值;} 2.类选择器 1.根据元素的class属性值进行匹配 语法:以英文.开头,后面跟上class属性值 ...
分类:
Web程序 时间:
2018-10-11 01:53:10
阅读次数:
243
1.图片标签 1.在网页中插入一张图片 2.语法:<img> 3.属性: (1): src:指定要显示的图片路径 (2): width:设置图片的宽度,以像素px为单位,也可以省略单位 (3): height:设置图片的高度 (4): title:用来设置图片的标题,当鼠标悬停在图片上方是出现 (5 ...
分类:
其他好文 时间:
2018-10-10 20:14:15
阅读次数:
209
1、通过百度的CDN 2、下载jQuery.js文件,然后引入 注意事项:jQuery文件如果放在https://blog.csdn.net/zhoucheng05_13/resources/文件夹下,则加载不出来,可能是因为resource文件夹 禁止外部访问。 1、jQuery名称冲突问题: j ...
分类:
Web程序 时间:
2018-10-09 13:28:25
阅读次数:
199
前段时间写鼠标悬停元素上移效果时,当鼠标恰好放在元素边缘时,chrome出现一直上下移动的问题,其他浏览器表现正常。原因尚不知,可能是实现方式不对吧(PS:使用top实现),虽然不知道原因,但是问题还是要解决的,分享一个能绕开的实现方式。 说到鼠标悬停元素上移,首先想到的是鼠标悬停时元素上移,然后应 ...
分类:
其他好文 时间:
2018-10-05 21:06:05
阅读次数:
210
原文:用WPF实现在ListView中的鼠标悬停Tooltip显示一、具体需求描述 在WPF下实现,当鼠标悬停在ListView中的某一元素的时候能弹出一个ToolTip以显示需要的信息。 二、代码实现 在.XMAL文件中 CodeCode highlighting produced by Acti... ...
艳丽的图片、顺畅的鼠标悬停效果和意外的动画,不再那么容易引起用户注意了。但难题却没有解决——如何创造令人愉快的用户体验,让用户面带笑容完成转化? ...
分类:
Web程序 时间:
2018-09-19 20:00:51
阅读次数:
223
高级选择器分为: 后代选择器 子代选择器 并集选择器 交集选择器 后代选择器 子代选择器 并集选择器 交集选择器 后代选择器 使用空格表示后代选择器 , 顾名思义 父元素的后代(包括儿子,孙子,重孙子) 中间空格隔开 是后代 1 .container p{ 2 color: red; 3 } 4 . ...
分类:
Web程序 时间:
2018-09-18 19:14:38
阅读次数:
205
一些属性对所有的元素都有效,故称之为全局属性常见的全局属性:id<divid="nav"></div>//规定元素在文档内的唯一标识,JS和CSS可以通过这个标识来获取该元素class<divclass="time"></div>//规定元素的类名,针对同一种功能或样式的内容可以添加同样的类名,在JS或CSS中
分类:
Web程序 时间:
2018-09-08 10:23:59
阅读次数:
445
伪类选择符归纳 伪类选择符比较多,不加以归类很难记清楚记全;我们可以先把他分为两类 + 和元素本身转态有关,类似于链接点击前,点击后 + 和元素在DOM结构中所处的结构有关,类似于第n个元素,或者奇数行。 一、和元素本身转态有关 1. ,`:visited :hover :active` + 指的是 ...
分类:
Web程序 时间:
2018-09-05 09:14:06
阅读次数:
213
1.模态框案例 需求: 打开网页时有一个普通的按钮,点击当前按钮显示一个背景图,中心并弹出一个弹出框,点击X的时候会关闭当前的模态框 代码如下: 2.简易留言板 需求: 当在textarea中输入内容,点击留言按钮,会添加到浏览器中 图如下: 代码如下: 3.使用js模拟选择器中hover 代码解释 ...
分类:
其他好文 时间:
2018-08-28 22:01:03
阅读次数:
164