css
qq_27084325
这个作者很懒,什么都没留下…
展开
-
css 权重
从CSS代码存放位置看权重优先级:内嵌样式 > 内部样式表 > 外联样式表。其实这个基本可以忽视之,大部分情况下CSS代码都是使用外联样式表。从样式选择器看权重优先级:important > 内嵌样式 > ID > 类 > 标签 | 伪类 | 属性选择 > 伪对象 > 继承 > 通配符。important的权重为1,0,0,0ID的权重为0,1,0,0类的权重为0,0,1,0标签的转载 2016-07-15 12:50:46 · 188 阅读 · 0 评论 -
CSS浏览器兼容问题
CSS对浏览器的兼容性有时让人很头疼,或许当你了解当中的技巧跟原理,就会觉得也不是难事,从网上收集了IE7,6与Fireofx的兼容性处理方法并整理了一下.对于web2.0的过度,请尽量用xhtml格式写代码,而且DOCTYPE 影响 CSS 处理,作为W3C的标准,一定要加 DOCTYPE声名.CSS技巧1.div的垂直居中问题 vertical-align:middle;转载 2016-07-15 13:02:44 · 203 阅读 · 0 评论 -
css position
Document //50%的遮罩body{ position: absolute; left: 0; right: 0; width: 50%;}//距离右侧200px的全屏自适应容器.a{ position: absolute; left: 0; width: calc(100%-200px);}//原创 2016-08-19 09:02:20 · 154 阅读 · 0 评论 -
css float
浮动讲解<!-- 包裹实现文字环绕效果破坏性父容器高度塌陷块状化,去空格(字符)化float:left - - text-align:center - - float:right;单侧固定width + float +> padding-left/margin-leftwidth:100% + float padding-left/margin-lef原创 2016-08-19 08:54:10 · 140 阅读 · 0 评论 -
css 绝对定位整页布局演示
绝对定位整页布局演示body { font-family: 'microsoft yahei'; } 慕课网 添加 搜索 张鑫旭早上09:51转载 2016-08-15 17:12:02 · 340 阅读 · 0 评论 -
css left/right拉伸和width同时存在
left/right拉伸和width同时存在.image { position: absolute; left: 0; right: 0; width: 50%; }.button { padding-top: 200px;}.button input { width: 280px; height: 40px; font-size: 20px;}转载 2016-08-15 17:03:30 · 650 阅读 · 0 评论 -
css 高度自适应的九宫格效果
高度自适应的九宫格效果html, body { height: 100%; margin: 0; }.page { position: absolute; left: 0; top: 0; right: 0; bottom: 0;}.list { float: left; height: 33.3%; width: 33.3%; position: relative;}转载 2016-08-15 17:02:27 · 1132 阅读 · 0 评论 -
css 没有宽度和高度声明实现的全屏自适应效果
没有宽度和高度声明实现的全屏自适应效果html, body { height: 100%; }.overlay { position: absolute; left: 0; top: 0; right: 0; bottom: 0; background-color: #000; opacity: .5; filter: alpha(opacity=50);}转载 2016-08-15 17:01:11 · 443 阅读 · 0 评论 -
css 无固定width/height容器内的绝对定位元素拉伸
无固定width/height容器内的绝对定位元素拉伸body { background-color: #ddd;}img { vertical-align: bottom;}.container { display: inline-block; position: relative;}.cover { position: absolute; left: 0转载 2016-08-15 17:00:05 · 373 阅读 · 0 评论 -
css 图标定位二三事
图标定位二三事body { font: 14px/1.4 "Microsoft YaHei"; background-color: #EDEFF0; }body, h3, h5 { margin: 0; }img { border: 0 none; vertical-align: bottom; }.l { float: left; }.r { float: right; }.cons转载 2016-08-15 16:30:18 · 386 阅读 · 0 评论 -
css 下拉框定位二三事
下拉框定位二三事body { margin: 0; font: 14px/1.4 "Microsoft YaHei"; background-color: #EDEFF0; }.constr { width: 1200px; max-width: 80%; margin-left: auto; margin-right: auto; padding-bottom: 300px; overfl转载 2016-08-15 16:28:31 · 552 阅读 · 0 评论 -
css 居中、边缘定位二三事
居中、边缘定位二三事body { margin: 0; font: 14px/1.4 "Microsoft YaHei"; background-color: #EDEFF0; }.constr { width: 1200px; max-width: 80%; margin-left: auto; margin-right: auto; }.course-content { float:转载 2016-08-15 16:27:11 · 184 阅读 · 0 评论 -
css 文本图标对齐与定位二三事
文本图标对齐与定位二三事body { margin: 0; font: 14px/1.4 "Microsoft YaHei"; background-color: #EDEFF0; }a { color: #50B6E5; }.constr { width: 1200px; margin-left: auto; margin-right: auto; }.regist-head { he转载 2016-08-15 16:25:23 · 280 阅读 · 0 评论 -
CSS3 选择器
在 CSS 中,选择器是一种模式,用于选择需要添加样式的元素。"CSS" 列指示该属性是在哪个 CSS 版本中定义的。(CSS1、CSS2 还是 CSS3。)选择器例子例子描述CSS.class.intro选择 class="intro" 的所有元素。1#id#firstname转载 2016-07-15 15:25:06 · 140 阅读 · 0 评论 -
css sprite
作者:来源:博客园|2015-04-29 11:10 收藏 分享什么是css spriteCSS sprite在国内很多人叫css精灵,是一种网页图片应用处理方式。它允许你将一个页面涉及到的所有零星图片都包含到一张大图中去,这样一来,当访问该页面时,载入的图片就不会像以前那样一幅一幅地慢慢显示出来了。为什么要用这个工具1.加快网页加转载 2016-07-15 15:03:13 · 375 阅读 · 0 评论 -
体验html5新添加的一些表单元素
html5新添加了很多新的标签和属性。在之前做表单(form)的验证时可能会用到很多js的判断,现在有了html5新添加的属性,我们可以很简单的来做判断。这些属性的测试可以在这个页面中看到:点击进入测试页面表单这一块主要添加的属性有:1.email:用于输入单一email地址或者email地址列表。2.url:用于处理URL,在iPhone中非常好用,会出现对应的键盘布局。3.原创 2016-07-15 15:02:09 · 457 阅读 · 0 评论 -
css rect
在当今网页设计/开发实践中,使用CSS来为语义化的(X)HTML标记添加样式风格是重要的关键,然而现实中发生的情况却总是恰恰相反,很多CSS样式在不同的浏览器中有着不同的解释和呈现在当今网页设计/开发实践中,使用CSS来为语义化的(X)HTML标记添加样式风格是重要的关键。在设计师们的梦想中都存在着这样的一个完美世界:所有的浏览器都能够理解和适用多有CSS规则,并且呈现相同转载 2016-07-15 12:59:35 · 461 阅读 · 0 评论 -
div+CSS ID的命名规范和习惯
大家都知道规范的css命名可以增强样式规则的可读性,便于后来你或别人对页面的修改。起初我写css规则的时候,用汉语的缩写来命名,现在看来是很不专业的,也给我的后期维护浪费精力。根据自己的而写法习惯和网上的一些写法,我总结了一套适用自己的id命名写法.拿出来晒一晒。CSS 类和ID的常用命名:网站头部: head/header(头部) top(顶部)导航: nanv转载 2016-07-15 13:13:13 · 4469 阅读 · 0 评论 -
css3总结
总结 <!-- border border-image: url(img/bt_blue.png) 0 12 0 12 stretch stretch;地址,1 向上挤,2 向右拉伸,3 向下拉伸, 4 向左拉伸 boder-radius:12px; 最大为高度的一半 box-shadow:12px 12px 10px red;左右,上下,扩散,颜色backgr原创 2016-08-14 01:32:17 · 124 阅读 · 0 评论