【css小记(3)】的更多相关文章

CSS小记

1.元素居中 (1)水平居中:指定宽度,然后margin auto 即可 .middle{ max-width:400px; //width:400px;//当浏览器被缩小,宽度小于元素宽度时,元素会被遮挡,所以应用max-width,会自动缩小元素以适应浏览器大小.这点对手机浏览器很有用 margin:0 auto; } (2)垂直居中: //先要设置div元素的祖先元素html和body的高度为100%(因为他们默认是为0的),并且清除默认样式,即把margin和padding设置为0(如果…

CSS小记(持续更新......)

1 内联元素和块级元素的区别以及display的三种属性区别 在说起display属性之前,就必须先说说什么是文档流,以及文档流中的内敛元素和块级元素又是指什么? 一直觉得理解了文档流的概念,一堆CSS布局也就理解起来相对容易点,因为很多布局也都是基于这个理论的,那么什么是文档流呢? 文档流: 将html代码自上而下,从左到右的顺序排列,即为文档流..在文档流中 块级元素(block)特性表现在,如果不加其他属性,它是一个矩形空间,默认是占一行,可以通过调整高度,宽度,边距来调整矩形的布局 --…

css小记(3)

1.只有块级元素可以设置背景图,行内元素要变成块级元素才可以:2.盒子不设置宽度,只设置高度,默认为100%,并自适应屏幕大小变化,为这个盒子设置margin可以在保证margin效果的同时默认调整盒子的宽度.3.同一盒子内几块盒子在屏幕变小时每个盒子按比例压缩空白内容空间,当到达某一盒子的宽度时,由于盒子要保持宽度而下移,改良的方法是设置多个盒子独立不放在一个盒子里,这样可以优先压缩完所有的盒子外的空白空间.4.内嵌样式只能渲染当前元素,不能渲染其子元素,inherit使子元素继承父级元素.…

css小记：hover 鼠标滑过让该元素的子元素或者其他元素改变样式

<!DOCTYPE><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>无标题文档</title><style>.hoverfa>a{ text-decoration:none; color:#000;}.hoverfa:hover{ border-bottom:#6CF 1px…

Matplotlib数据可视化（3）：文本与轴

  在一幅图表中,文本.坐标轴和图像的是信息传递的核心,对着三者的设置是作图这最为关心的内容,在上一篇博客中虽然列举了一些设置方法,但没有进行深入介绍,本文以围绕如何对文本和坐标轴进行设置展开(对图像的设置在后续介绍到各种图绘制时介绍). 这里所说的文本是指在使用matplotlib作图过程中通过代码的方式往图中添加的各种文字,包括figure标题.axes标题.坐标轴标签.坐标轴刻度标签.注释.普通文本等.轴设置指的是对与坐标轴相关的的元素的设置,例如显示范围.刻度.刻度标签等. In [1]…

CSS学习小记

搜狗主页页面CSS学习小记 1.边框的处理   要形成上图所示的布局效果,即,点选后,导航下面的边框不显示而其他的边框形成平滑的形状.相对于把导航的下面边框取消然后用空白覆盖掉下面搜索栏的边框比较而言,sougou有很好的方法来实现它. 我们设定这整个nav选择区域为#nav_container,然后给被选择了的nav加上一个class:current,我们下面的logo+输入框为:sog_div,整个部分的外部容器为:#search 我们看看sogou是怎么实现的: css脚本: #nav_c…

css知多少之绝对定位小记

一.position定位常见属性 对于属性position来说,属性值有static/relative/absolute/fixed/inherit以下只对绝对定位position:absolute详述说明 看栗子 <!doctype html> <html lang="en"> <head> <meta charset="UTF-8" /> <title>绝对定位position:absolute<…

CSS中强悍的相对单位之em(em-and-elastic-layouts)学习小记

使用相对单位em注意点 1.浏览器默认字体是16px,即1em = 16px,根元素设置如下 html{ font-size: 100%; /* WinIE text resize correction */ } body{ font-size: 1em; } 2.如果元素自身没有设置字体大小,那么元素自身上的所有属性值如“boder.width.height.padding.margin.line-height”等值,我们都可以按下面的公式来计算 1 ÷ 父元素的font-size × 需要转…

css浮动与绝对定位小记

浮动 float属性可以设置的值为none,left,right.对于设置了浮动的元素,会向其父元素的左侧或右侧紧靠,默认情况下,盒子的宽度不再伸展,而是根据盒子里面的内容来确定.浮动可以让一个元素移到它所在行的某一边,使得其他内容沿着该元素的边缘向下流. 浮动的盒子会脱离文档流,形成环绕的效果. 脱离文档流 当框 1 向左浮动时,它脱离文档流并且向左移动,直到它的左边缘碰到包含框的左边缘.因为它不再处于文档流中,所以它不占据空间,实际上覆盖住了框 2,使框 2 从视图中消失.如果把所有三个框都…

CSS语法小记

一.CSS语法结构 语法:选择符{属性:值} 例如:body{font-size:12px;} 参数说明: 1.选择符(Selector):指明这组样式所要针对的对象.可以是一个XHTML标签,例如h1,img;也可以是定义了特定的id或者class的标签,如:#main表示用                   id="main"修饰的标签,.footer表示用class="footer"修饰的标签等. 2.属性(property):选择符的样式属性,如颜色.大写…