![](https://img-blog.csdnimg.cn/20201014180756757.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
HTML
Mr.Jim
技术分享
展开
-
媒体查询 / 响应式
媒体查询 @media only screen and (min-width: 340px) { body{ background: #ff0; } } @media only screen and (min-width: 340px) and (max-width: 640px) { body{ background: #f00; } } @media only screen and (min...原创 2018-08-18 21:30:57 · 144 阅读 · 0 评论 -
CSS 样式重置
常见网站的样式重置 新浪 html, body, ul, li, ol, dl, dd, dt, p, h1, h2, h3, h4, h5, h6, form, fieldset, legend, img { margin:0; padding:0; } fieldset, img { border:none; } img{display: block;} address, captio...转载 2018-08-18 21:37:20 · 553 阅读 · 0 评论 -
浏览器兼容问题
浏览器兼容问题 由于各大主流浏览器由不同的厂家开发,所用的核心和架构代码也很难重和,这就为各种莫名其妙的Bug(代码错误)提供了温床。再加上各大厂商出于自身利益考虑而设置的种种技术壁垒,都让CSS应用起来比想象得要麻烦。浏览器的兼容问题是我们必须去克服的。 CSS Bug、CSS Hack和Filter 1) CSS Bug: CSS样式在各浏览器中解析不一致的情况,或者说CSS样式在浏览...原创 2018-08-18 21:51:49 · 173 阅读 · 0 评论 -
CSS3选择器
CSS3选择器 1、a[title]:只使用属性名,但没有确定任何属性值; 2、a[title=”value”]:指定属性名,并指定了该属性的属性值; 3、a[title~=”value”]:指定属性名,并且具有属性值,此属性值是一个词列表,并且以空格隔开,其中词列表中包含了一个value词,而且等号前面的“〜”不能不写 4、a[title^=”value”]:指定了属性...原创 2018-08-18 22:06:21 · 159 阅读 · 0 评论