随笔分类 -  CSS

HTML+CSS知识总结2
摘要：一。position:absolute和float属性的异同 相同点：两者都可以让元素脱离文档流，并可设置宽高 不同点：float仍会占据位置，而position:absolute会覆盖文档流中其他元素 二。CSS盒子模型 盒子模型由：margin padding border content 组成 阅读全文
posted @ 2018-08-08 15:17 给你一个眼神 阅读(187) 评论(0) 推荐(0)
学会使用box-sizing布局
摘要：盒子模型 关于CSS重要的一个概念就是CSS盒子模型。它控制着页面这些元素的高度和宽度。盒子模型多少会让人产生一些困惑，尤其当涉及到高度和宽度计算的时候。真正盒子的宽度(在页面呈现出来的宽度)和高度，需要加上一些其它的属性，例如： padding + border + width= 盒子的宽度 pa 阅读全文
posted @ 2018-08-07 13:40 给你一个眼神 阅读(176) 评论(0) 推荐(0)
HTML+CSS知识总结1
摘要：一。浏览器页面页面由结构层（html）表现层（css）行为层（js）组成 二。DOCTYPE作用是用来告知浏览器以何种模式渲染文档。 三。严格模式是指浏览器按照W3C标准解析代码，混杂模式又称怪异模式，是指浏览器用自己的方式来解析代码。浏览器解析时到底是严格模式还是混杂模式与网页中的DTD直接 相关 阅读全文
posted @ 2018-08-07 00:12 给你一个眼神 阅读(197) 评论(0) 推荐(0)
IE8 CSS样式兼容性清单
摘要：IE8对于CSS2.1是完整支持的，对于CSS3则只是部分支持。下文中只列出IE8完全支持及完全不支持的样式，对于。 注：下文中的E、F均指html标签名，如p，img等。 At-rules At类规则 支持：@charset, @import, @media, @page, @font-face 阅读全文
posted @ 2018-05-22 09:55 给你一个眼神 阅读(627) 评论(0) 推荐(0)
css之页面透明
摘要：能使元素变的透明的方法有： 1.Opacity 2.RGBA opacity会使后代元素都透明，而RGBA不会！ 阅读全文
posted @ 2018-05-15 13:49 给你一个眼神 阅读(717) 评论(0) 推荐(0)
表格内容溢出
摘要：表格单元格溢出时出现“。。。”的样式 在做表格的时候，因为是自适应的，单元格达到一定的宽度的时候就会有文字溢出，如果控制不换行就看不到内容，控制换行了单元格的高度又会发生变化，影响布局，所以想做成溢出的时候出“。。。”的样式，顺便提示用户后面还有内容 直接附上代码： 样式： 效果： 阅读全文
posted @ 2018-05-11 15:27 给你一个眼神 阅读(421) 评论(0) 推荐(0)
CSS水平垂直居中的几种方法
摘要：一、脱离文档流元素的居中 方法一：margin:auto法 CSS代码： HTML代码： 效果图： 当一个元素绝对定位时，它会根据第一个不是static定位的祖先元素定位，因此这里的img根据外层div定位。 方法二：负margin法 CSS代码： HTML代码： 效果图： 这里，我们首先用top: 阅读全文
posted @ 2018-05-11 15:11 给你一个眼神 阅读(294) 评论(1) 推荐(1)
让IE8一下兼容CSS3选择器
摘要：来自英国的网页开发工程师Keith Clark 开发了一个JavaScript方案来使IE支持CSS3选择器。该脚本支持从IE5到IE8的各个版本。 首先,您需要下载DOMAssistant脚本和ie-css3.js脚本并将他们包含进head标签中. 只要百度下ie-css3.js然后下载里面就有这 阅读全文
posted @ 2018-05-11 10:55 给你一个眼神 阅读(2125) 评论(0) 推荐(0)
input框与img在同一行对齐
摘要：将input和img放同一行，img标签总是比input高出一个头，难看。后来在网站搜到最多的就是给img添加一个align="absmiddle"属性，这个方法似乎的确可行，但是不符合HTML标准。后来发现同时给input和img添加vertical-align:middle就行： 在写css时， 阅读全文
posted @ 2018-05-10 15:04 给你一个眼神 阅读(468) 评论(0) 推荐(0)
CSS无图片三角形
摘要：border:6px solid #f2f2f2; border-color:#999 transparent transparent transparent; border-style:solid dashed dashed dashed; display:inline-block; margin 阅读全文
posted @ 2018-05-08 13:51 给你一个眼神 阅读(174) 评论(0) 推荐(0)
前端必须掌握30个CSS3选择器
摘要：也许你已经学会了CSS的三个简单常用的选择器：#ID，.class，标签选择器，可是这些就足够了吗？随着CSS3的到来，作为前端开发者需要掌握下面三十个基本的选择器，这样才可以在平时开发中得心用手。 本文中将综合前端开发中常用的30个CSS3选择器，并且附带了浏览器的支持情况，希望对大家有所帮助。 阅读全文
posted @ 2018-04-25 09:12 给你一个眼神 阅读(262) 评论(0) 推荐(0)
去掉谷歌浏览器获取焦点时默认的input、textarea的边框和背景
摘要：去掉chrome(谷歌)浏览器默认的input、textarea的边框(border)和背景(background) 及chrome下不可更改textarea大小 1、使用Chrome的都知道，当鼠标焦点在input、textarea这些元素上时，Chrome默认的会给它们加上黄色的边框，我以前一直 阅读全文
posted @ 2018-04-20 12:06 给你一个眼神 阅读(485) 评论(0) 推荐(0)
CSS水印“点击穿透”
摘要： 阅读全文
posted @ 2018-04-16 13:39 给你一个眼神 阅读(574) 评论(0) 推荐(0)