CSS中的几个概念--------Day39

世界杯疯狂来袭,让这个原本就高温的夏季瞬间被引爆了,这肆虐的激情仿佛让一切都灼热了起来,绽放着刺目的光,工作之余总有那么一群人在那激烈的讨论着争辩着,抑不住的亢奋。

很不巧,往往这群身影中总有我的存在,哪怕我未曾说过一句话,可我依然很享受这种氛围。我常常想起那些青葱的校园时光,也总是和那么一群斗志满满,激情无限的家伙,打篮球,说篮球,就像这次马刺踏平热火,如果都还能聚在一起,估计又是一片争吵。是的,我爱篮球,胜过足球许多,但我还是坐在这里,假装着伪球迷的身份。终归是年龄有些大了,不再像以前那么苛刻,如果回到那些年,听着这一个个陌生的人名,听着一个个经典的名词,估计又是一通恶补,那些翻报纸,记人名,补视频,显摆伪球迷身份的时光就这样一去不复返了。

那些美好的旧时光,是何时才认识了白巧克力威廉姆斯,是何时才认识穆托姆博,又是哪个不明飞行物让我始终无法为格里芬感到惊艳,其实最开始,我一个都不认识。

有些语言,在这里占着举足轻重的地位,人们常常会常常提及,仿佛理所应当,而这时我们要做到,就是去弄明白那些理所应当的事,哪怕只是一个名词的改变,可能就少了那么一点点默契,弄懂它,至少你知道它是什么。

半路出家的程序路,自认为培训阶段还不错,可总在交流中差强人意,往往就断在了专业术语和理解语言的不同上,可能他说出需求,你可能立马知道怎么去做,可一个术语丢过来,就要大费周折了,可等知道了它是什么,术语向外丢的时候有没有职业范,瞬间职业了好多,好吧,里里外外透着嘚瑟.....

1、CSS reset

浏览器的CSS样式的重置,复位和清零,这里我们只介绍概念,就不做过多解释了

2、CSS Hack

针对不同的浏览器,写不同的CSS编码,从而实现各浏览器的兼容,基本原理就是不同浏览器对于不同的CSS编码的解析不同,从而读取不同的编码,实现浏览器兼容

3、CSS的继承

如果说是java语言,继承可能会张嘴就来,可是到了CSS的继承还要犹豫一番,而现在不用犹豫了,就是你想的那样,包在内部的标签拥有了外部标签的样式性质,最典型的例子不就是前面提到的CSS reset么,当然继承有它的局限性,但这里我们只关注它是什么就好了

4、CSS的盒子模型

这个是CSS的根本了,应该是第14篇吧,记得是那个自己喜欢的数字,曾经传过两幅神图啊,而这个盒子模型就是其中之一啊

5、自适应

随着平板电脑和智能手机的泛滥,越来越多的人开始不满足用电脑进行操作,而他们的分辨率像素又是截然不同的,甚至说就是普通电脑都有可能存在像素的不同,但我们必须要保证在何种情况下都可以满足我们的阅读需要,这就出现了自适应,在面对不同的像素,所展示的页面的样式是不同的,具体做法后文再说,这里只知道它就为此而生的就好了

6、响应式

7、瀑布流

这些布局名称,你常用的有几个呢?

最痛苦的就是别人一本正经的给你解释,你却因为一个名词儿而完全凌乱了,然后不明觉厉的过很久,我有过这样的经历,你有过么?

CSS中的几个概念--------Day39

时间: 2025-01-04 06:23:47

CSS中的几个概念--------Day39的相关文章

css中的px、em、rem 详解

概念介绍: 1.px (pixel,像素):是一个虚拟长度单位,是计算机系统的数字化图像长度单位,如果px要换算成物理长度,需要指定精度DPI(Dots Per Inch,每英寸像素数),在扫描打印时一般都有DPI可选.Windows系统默认是96dpi,Apple系统默认是72dpi. 2.em(相对长度单位,相对于当前对象内文本的字体尺寸):是一个相对长度单位,最初是指字母M的宽度,故名em.现指的是字符宽度的倍数,用法类似百分比,如:0.8em, 1.2em,2em等.通常1em=16px

深入理解CSS中的层叠上下文和层叠顺序(转)

by zhangxinxu from http://www.zhangxinxu.com 本文地址:http://www.zhangxinxu.com/wordpress/?p=5115 零.世间的道理都是想通的 在这个世界上,凡事都有个先后顺序,凡物都有个论资排辈.比方说食堂排队打饭,对吧,讲求先到先得,总不可能一拥而上.再比如说话语权,老婆的话永远是对的,领导的话永远是对的. 在CSS届,也是如此.只是,一般情况下,大家歌舞升平,看不出什么差异,即所谓的众生平等.但是,当发生冲突发生纠葛的时

css中的层叠性及权重的比较

假如同一个标签被多个选择器选中,每个选择器都设置了相同的样式,浏览器中加载时这个样式听谁的? 不同选择器设置的同一个样式,只会选择一个进行加载,不会叠加. 为了解决听谁的问题,引入层叠性的概念. 层叠性:多个选择器选中同一个标签,设置同一个样式,浏览器中加载时,不会加载所有的属性值,挑选其中一个加载,其中一个值层叠/覆盖掉其他的值.   要实现层叠或覆盖就涉及到比较,下面就是比较选择器之间的权重的比较,权重的比较一共有两种情况:1.选择器选中了标签:2.选择器没有选中标签 首先说一下选择器的权重

css中zoom:1以及z-index的作用

一.CSS中zoom:1的作用在做IE6.IE7.IE8浏览器兼容的时候,经常会遇到一些问题,可以使用zoom:1来解决,有如下作用:1.触发IE浏览器的haslayout2.解决IE下的浮动,margin重叠等一些问题. 二.z-index:auto|number; ◆auto遵从其父对象的定位 ◆number无单位的整数值.可为负数CSS样式,把z-index设置为999或很大,是什么意思?z-index是针对网页显示中的一个特殊属性.因为显示器是显示的图案是一个二维平面,拥有x轴和y轴来表

深入理解CSS中的层叠上下文和层叠顺序

零.世间的道理都是想通的 在这个世界上,凡事都有个先后顺序,凡物都有个论资排辈.比方说食堂排队打饭,对吧,讲求先到先得,总不可能一拥而上.再比如说话语权,老婆的话永远是对的,领导的话永远是对的. 在CSS届,也是如此.只是,一般情况下,大家歌舞升平,看不出什么差异,即所谓的众生平等.但是,当发生冲突发生纠葛的时候,显然,是不可能做到完全等同的,先后顺序,身份差异就显现出来了.例如,杰克和罗斯,只能一人浮在木板上,此时,出现了冲突,结果大家都知道的.那对于CSS世界中的元素而言,所谓的“冲突”指什

css中元素的auto属性值是什么意思,比如margin:0 auto表示什么?

auto 你可以理解为一种 自动/自适应 的概念 比如 现在项目需要一个宽度为960px的整体布局居中 根据用户浏览器大小不同你将需要使用margin:0 auto;来实现. 无论用户浏览器宽度为多少.960px的定位宽度永远居中. css中的auto是自动适应的意思,而在css中auto往往都是默认值. 正如margin:0 auto,意思就是上下边距为0,左右边距为auto,就是自动适应.但是,如果要使用他的话,就必须给标签配上指定的宽度,如下:<div class="center&q

CSS中继承,特殊性,层叠与重要性

继承 CSS的某些样式是具有继承性的,那么什么是继承呢?继承是一种规则,它允许样式不仅应用于某个特定html标签元素,而且应用于其后代.比如下面代码: <html><head> <style> p{border:1px solid red} </style> </head> <body> <p>123<span>123</span>123</p> </body> </h

关于css中伪类及伪元素的总结

css中的伪类和伪元素总是混淆,今天参考了很多资料,也查看了部分文档,现将伪类及伪元素总结如下: 一.由来: 伪类和伪元素的引入都是因为在文档树里有些信息无法被充分描述,比如CSS没有“段落的第一行”.“文章首字母”之类的选择器,而这在一些出版场景里又是必须的,这一情况下出现的.引用标准中的话: CSS introduces the concepts of pseudo-elements and pseudo-classes to permit formatting based on infor

&nbsp; Css中的盒模型及盒模型宽度计算

CSS假定所有的HTML文档元素都生成了一个描述该元素在HTML文档布局中所占空间的矩形元素(element box),可以形象地将其看作是一个盒子.CSS围绕这些盒子产生了一种"盒子模型"概念. 盒模型,实际上就是把某些标签元素看成为一个箱子.箱子与其他箱子之间的距离,是箱子的最外围,它不是一条边线而是添加在边框外面的空间.这个外边距使元素盒子之间不必紧凑地连接在一起,是CSS布局的一个重要手段.用margin(外边距)属性来表示,margin-top,margin-right,ma