1.height:100%。
给某个元素设置height:100%，期望这样元素能撑满整个浏览器窗口的高度，但大多数情况下，这样的做法没有任何效果。
解决方案：给它的所有父元素，包括body，html都设置height:100%，才能生效。
时间： 2024-08-30 12:45:01
CSS 个人笔记
CSS 个人笔记的相关文章
CSS选择器笔记
去年我学jQuery的时候,曾经做过一点选择器(selector)的笔记. 这几天拿出来看了一下,发现很多都忘记了.所以,我决定把它们贴在这里,方便以后查看.这对其他朋友应该也是有用的,毕竟选择器是制作网页效果的第一步. 笔记分为两个部分,今天是CSS的选择器,以后还有一部分xPath的选择器.今天的笔记中包括44个选择器,基本涵盖了CSS 2和CSS 3的所有规定. ===================== CSS选择器笔记 阮一峰 整理 参考网址:456 Berea Street 一.基本
CSS学习笔记:任意大小图片是自适应居中
文章简介:平时笔记. 强制换行:word-warp:block-word; 任意大小图片是自适应居中: css: .wrapperBox{border:1px solid red; width:100px; height:100px; display:table-cell; font-size:0; text-align:center; vertical-align:middle; *position:relative;padding:0; overflow:hidden; } .innerBo
jquery CSS选择器笔记_jquery
去年我学jQuery的时候,曾经做过一点选择器(selector)的笔记. 这几天拿出来看了一下,发现很多都忘记了.所以,我决定把它们贴在这里,方便以后查看.这对其他朋友应该也是有用的,毕竟选择器是制作网页效果的第一步. 笔记分为两个部分,今天是CSS的选择器,以后还有一部分xPath的选择器.今天的笔记中包括44个选择器,基本涵盖了CSS 2和CSS 3的所有规定. 序号 选择器 含义 1. * 通用元素选择器,匹配任何元素 2. E 标签选择器,匹配所有使用E标签的元素 3. .info c
css学习笔记2
5.当同一个 HTML 元素被不止一个样式定义时,会使用哪个样式呢?一般而言,所有的样式会根据下面的规则层叠于一个新的虚拟样式表中,其中数字 4 拥有最高的优先权.浏览器缺省设置外部样式表内部样式表(位于 <head> 标签内部)内联样式(在 HTML 元素内部)因此,内联样式(在 HTML 元素内部)拥有最高的优先权,这意味着它将优先于以下的样式声明:<head> 标签中的样式声明,外部样式表中的样式声明,或者浏览器中的样式声明(缺省值).CSS 语法CSS 规则由两个主要的部分
CSS学习笔记：id与class、padding和margin、min-height和height
核心提示:首先要明白id和class的各自的优缺点.这样才能根据他们的各自的特点进行使用. id和class到底要用哪一个? 首先要明白id和class的各自的优缺点.这样才能根据他们的各自的特点进行使用. id的优点(class的缺点):id写在css用"#"选择器,class写在css中用"."选择器."#"选择器的优先级高于"."选择器大约10倍,所以当你需要提升优先级的时候,id标签,或者id容器内的标签将是很容易和有
css使用笔记
最近写一个前台页面,因为不用考虑太多兼容性问题,尝试了很多css3的东西,记录下. 1.渐变和边框阴影 最初的视觉稿,上面有很多地方颜色使用了渐变,为了不使用图片,用了很挫的方式来实现:从图片渐变开始.中间.结束部分,用gimp的吸管获取颜色,然后转换成css的渐变.不过因为渐变每个浏览器支持方式不太一样,有一些在线生成css的网站还是不错的,比如这个和这个. 边框阴影,也就是box-shadow属性.按照MDN的文档,值的组成是这样的: box-shadow: none | [inset? &
笔记 - 10.3、HTML - CSS样式笔记1
CSS注释:以/*开头 以*/结束 eg :/* 这是CSS注释 */ 1.字体属性: --- font-family:字体类型(行书还是楷书或是其他字体类型)eg:body {font-family:"楷体";} --- font-size:字体大小. 取值范围:xx-small:绝对字体尺寸,最小 x-small:绝对字体大小,较小 small:小 medium:绝对字体默认值,正常默认值 la
笔记 - 10.4、HTML - CSS滤镜笔记
15.CSS滤镜filter:(filter属性不属于w3c标准,只对IE有效) --- ①不透明度: filter:alpha(参数1=参数值, 参数2=参数值, . . .); 参数: -- opacity:开始时的透明度,取值范围为0-100,默认值为0,即为完全透明,100为完全不透明: -- finishopacity:结束是的透明度,取值为0-100: -- style:设置渐变的样式,其中0表示无渐变,1为直线渐变,2为圆形渐变,
笔记 - 10.2、HTML - CSS选择器笔记
CSS选择器: 指这组样式所要针对的对象,可以是一个HTML标签,如body,h1,p,div,a等,也可以是定义了特定id或者class属性的标签,如: --- 标签选择器: <div></div> 可以用 div {color:red;}来选择 --- 类选择器: <div class="red"></div>可以用 .red { color:red;} 来选择div --- id选择器:
Class与ID区别 margin和padding区别 CSS学习笔记_经验交流
由于现在百分之99.99%的CMS都是用div+css来构建网页模板的,被逼无奈,一大把年纪了还要学习CSS,说实话没觉得用div来布局比table好在什么地方!但迫于行势,先硬着头皮看吧,能学多少是多少.根据数据与结构分离的原则,CSS最好要独立于网页文件,用 复制代码 代码如下: <link rel="stylesheet" type="text/css" href="../xxx/web.css" /> 语句将CSS文件调入网