H5取经之路——添加hover实现特定效果

【H5取经之路——添加hover实现特定效果】的更多相关文章

H5取经之路——添加hover实现特定效果

一.鼠标指上后显示二维码,效果图如下: 鼠标未指上时: 鼠标指上后: 代码如下: .div1 .li2 .code_wexin{ width: 0px; height: 0px; position: absolute; background-image: url(../img/weixin.jpg); background-size: cover; background-repeat: no-repeat; } .div1 .li2:hover .code_wexin{ width: 113px…

H5取经之路——HTML的基本标签

一.head中的基本标签 1.HTML文档的结构: a.<head>头部部分,b.<body>主体部分 <!DOCTYPE html>  2.HTML标签:闭合 HTML标签属性:a.属性和属性值成对出现:b.可以有多个属性 HTML文档注释: 3.link标签:连接网页与文件 <!…

H5取经之路——CSS基础语法

一.CSS常用选择器 [选择器的命名规则] * 1.只能有字母数字下划线组成,不能有其他任何字符 * 2.开头不能是数字 [通用选择器] * 1.写法:*{} * 2.选中页面中的所有标签 * 3.优先级:低于所有选择器 *{ background-color: gray; } [标签选择器] * 1.写法:HTML标签名{样式属性:样式属性值:...} * 2.作用:选中页面中所有对应标签 li{ color:red; } [类选择器] * 1.写法:.选择其名称{} * 调用:在需要改变样式…

H5取经之路——随便写点儿

[相对定位] * 1.使用position:relative:设置元素为相对定位的元素: * 2.定位机制: ①相对于自己原来文档流中的的位置定位,当不指定top等定位值时,不会改变元素位置: ②相对定位元素,仍会占据原来文档流中的位置,而不会释放: * 3.使用top.left.bottom.right调整位置,当left和right同时存在,left生效,当top和bottom同时存在,top生效. [绝对定位] * 1.使用position:absolute设置元素为绝对定位元素. * 2…