margin | 易学教程

IE6 某些bug修复

阅读更多关于 IE6 某些bug修复

5. 修正重复文字bug 复杂的布局可以触发在浮动元素的最后一些字符可能出现在出现在清除元素下面的bug。这里有几个解决方法，有些是完美的，但是做一些反复试验也是必须的：确保所有的元素使用”display:inline;” 在最后一个元素上使用一个”margin-right:-3px;” 为浮动元素的最后一个条目使用一个条件注释，比如： 1  在容器的最后元素使用一个空的div(它也有必要设置宽度为90%或类似宽度。) 7. 使用!important 或高级选择器来区分IE6 不使用传统Hack或在额外文件中的条件CSS的方法，写出特别针对IE6的可行的代码也还是有可能的。比如最小高度可以通过这段代码来定义： 12345 #element { min-height: 20em; height: auto !important; /* 所有浏览器都理解这段代码 */ height: 20em; /* IE6 错误的使用这个值 /*} IE6 不理解min-height并错误的用20em覆盖”auto”高度，但是，如果内容需要更多的空间的话，它会自动增加高度。另外一个可选的方法是使用高级选择器，比如e.g. 123456789 #element { min-height:

vue省市区三级联动

阅读更多关于 vue省市区三级联动

仿照小米之家做的一个省市区三级联动，先上代码： HTML： <template> <section class="myAddress"> <section> <section class="cont" @click="choseAdd()"> <section> <span>所在地区：{{Province?Province:''}} {{City && City!== '请选择'?City:''}} {{District && District !== '请选择'?District:''}}</span> </section> <div style="clear: both"></div> </section> </section>  <section class="showChose" v-show="showChose"> <section class="address"> <section class="title"> <h4>选择您所在的地区</h4> <span @click="closeAdd()">×</span> </section> <section class="title"> <div class="area" @click="provinceSelected(0)" :class="tabIndex===0?'active

Python 爬虫---百度首页

阅读更多关于 Python 爬虫---百度首页

#这个是urllib2的前身 import urllib.request #把自己伪装成浏览器,防止被封。。。 ua_headers = {"User-Agent" : "Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/54.0.2840.99 Safari/537.36"} #通过urllib2.Request()方法构造一个请求对象 request = urllib.request.Request("http://www.baidu.com/",headers = ua_headers) #向指定的url地址发送请求,并返回服务器响应的类文件对象 response = urllib.request.urlopen(request) #服务器返回的类文件对象支持Python文件对象的操作方法 #read()方法就是读取文件里的全部内容,返回字符串 html = response.read() #打印响应的内容 print(html) 结果： D:\Python3Work\u1\venv\Scripts\python.exe D:/Python3Work/u1/爬虫基础/urllib2的使用.py b'<!DOCTYPE html>\n<!--STATUS

50道CSS基础面试题（附答案）

阅读更多关于 50道CSS基础面试题（附答案）

1 介绍一下标准的CSS的盒子模型？与低版本IE的盒子模型有什么不同的？标准盒子模型：宽度=内容的宽度（content）+ border + padding + margin 低版本IE盒子模型：宽度=内容宽度（content+border+padding）+ margin 2 box-sizing属性？用来控制元素的盒子模型的解析模式，默认为content-box context-box：W3C的标准盒子模型，设置元素的 height/width 属性指的是content部分的高/宽 border-box：IE传统盒子模型。设置元素的height/width属性指的是border + padding + content部分的高/宽 3 CSS选择器有哪些？哪些属性可以继承？ CSS选择符：id选择器(#myid)、类选择器(.myclassname)、标签选择器(div, h1, p)、相邻选择器(h1 + p)、子选择器（ul > li）、后代选择器（li a）、通配符选择器（*）、属性选择器（a[rel=”external”]）、伪类选择器（a:hover, li:nth-child）可继承的属性：font-size, font-family, color 不可继承的样式：border, padding, margin, width, height 优先级（就近原则）：

45道CSS基础面试题（附答案）

阅读更多关于 45道CSS基础面试题（附答案）

1 、介绍一下标准的CSS的盒子模型？与低版本IE的盒子模型有什么不同的？标准盒子模型：宽度=内容的宽度（content）+ border + padding + margin 低版本IE盒子模型：宽度=内容宽度（content+border+padding）+ margin 2、 box-sizing属性？用来控制元素的盒子模型的解析模式，默认为content-box context-box：W3C的标准盒子模型，设置元素的 height/width 属性指的是content部分的高/宽 border-box：IE传统盒子模型。设置元素的height/width属性指的是border + padding + content部分的高/宽 3、 CSS选择器有哪些？哪些属性可以继承？ CSS选择符：id选择器(#myid)、类选择器(.myclassname)、标签选择器(div, h1, p)、相邻选择器(h1 + p)、子选择器（ul > li）、后代选择器（li a）、通配符选择器（*）、属性选择器（a[rel="external"]）、伪类选择器（a:hover, li:nth-child）可继承的属性：font-size, font-family, color 不可继承的样式：border, padding, margin, width, height 优先级

45道CSS基础面试题（附答案）

阅读更多关于 45道CSS基础面试题（附答案）

H5 , Css基础练习

阅读更多关于 H5 , Css基础练习

h5,css基础练习 1.内边距练习padding <!DOCTYPE html> < html lang = " en " > < head > < meta charset = " UTF-8 " > < meta name = " viewport " content = " width=device-width, initial-scale=1.0 " > < meta http-equiv = " X-UA-Compatible " content = " ie=edge " > < title > H5 </ title > < style > div { width : 200px ; height : 200px ; border : 1px solid red ; #边框线1像素红色 /* padding:10px 20px 30px 20px; */ /* 顺序顺时针上右下左 */ /* padding-top:10px;上边距 */ /* 左内边距 */ padding-top : 5px ; #内边距上 padding-left : 20px ; #左内边距 } </ style > </ head > < body > < div > 这是div中的文字 </ div > </ body > </ html > <!DOCTYPE html> < html

微信小程序入门与实战

阅读更多关于微信小程序入门与实战

文章列表页的实现构建静态列表数据读取数据将数据存储在内存中构建工具类获取内存数据在对应页面调取缓存数据定义模板的item组件item.wxml 使用item.wxml模板定义模板的item样式item.wxss 使用item.wxss样式构建静态列表数据新建data.js文件模拟数据导出模块数据属性解析 module.exports 将数据导出 var postList = [{ date: "Jan 28 2017", title: "小时候的冰棍儿与雪糕", postImg: "/images/post/post-4.jpg", avatar: "/images/avatar/avatar-5.png", content: "冰棍与雪糕绝对不是同一个东西。3到5毛钱的雪糕犹如现在的哈根达斯，而5分1毛的冰棍儿就像现在的老冰棒。时过境迁，...", readingNum: 23, collectionNum: 3, commentNum: 0, author: "林白衣", dateTime: "24小时前", detail: "冰棍与雪糕绝对不是同一个东西。3到5毛钱的雪糕犹如现在的哈根达斯，而5分1毛的冰棍儿就像现在的老冰棒。时过境迁，当年的老冰棍也随着童年的记忆消失不见踪影。记得小时候，每当傍晚时分，总有一个老人推着一辆小车

CSS之旅：CSS过渡模块

阅读更多关于 CSS之旅：CSS过渡模块

一伪类选择器复习注意点： #1 a标签的伪类选择器可以单独出现，也可以一起出现 #2 a标签的伪类选择器如果一起出现，有严格的顺序要求，否则失效编写的顺序必须要严格遵循： l v h a a:link{ color: skyblue; } a:visited { color: green; } a:hover { color: #e9289c; } a:active { color: pink; } 二过渡模块的基本使用 #1、过渡三要素 1.1 必须要有属性发生变量，如 div:hover { width: 300px; } 1.2 必须告诉系统哪个属性需要执行过渡效果 transition-property: width; 1.3 必须告诉系统过渡效果持续时长 transition-duration: 5s; #2、注意：当多个属性需要同时执行过渡效果时，用逗号分隔即可 transition-property:width,background-color; transition-duration: 5s,5s; <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style> * { margin: 0; padding: 0; } div {

前端学习笔记之CSS过渡模块

阅读更多关于前端学习笔记之CSS过渡模块

阅读目录一伪类选择器复习二过渡模块的基本使用三控制过渡的速度transition-timing-function 四过渡模块连写一伪类选择器复习注意点： #1 a标签的伪类选择器可以单独出现，也可以一起出现 #2 a标签的伪类选择器如果一起出现，有严格的顺序要求，否则失效编写的顺序必须要严格遵循： l v h a a:link{ color: skyblue; } a:visited { color: green; } a:hover { color: #e9289c; } a:active { color: pink; } 二过渡模块的基本使用 #1、过渡三要素 1.1 必须要有属性发生变量，如 div:hover { width: 300px; } 1.2 必须告诉系统哪个属性需要执行过渡效果 transition-property: width; 1.3 必须告诉系统过渡效果持续时长 transition-duration: 5s; #2、注意：当多个属性需要同时执行过渡效果时，用逗号分隔即可 transition-property:width,background-color; transition-duration: 5s,5s; <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF

订阅 margin