一.元素分类 在CSS中,html中的标签元素大体被分为三种不同的类型:块状元素.内联元素(又叫行内元素)和内联块状元素. 常用的块状元素有: <div>.<p>.<h1>...<h6>.<ol>.<ul>.<dl>.<table>.<address>.<blockquote> .<form> 常用的内联元素有: <a>.<span>.<br&g…

css012  css布局简介 一.    网页布局的类型 网页布局的类型 1.固定宽度 2.流式 3.相应式web设计 二.    如何进行css布局 1.强大的<div>标签 网页的html代码数量应该尽可能减到最少,尤其是div标签的嵌套,当使用div标签有助于网页布局设计时,就很好用.但是并不是div嵌套的越多越好. 2.html5的分区元素 <div>  用于分割区域,块级元素 <span> 行内分区元素 <article> 给网页或者网页的分区提…

前言:这是笔者学习之后自己的理解与整理.如果有错误或者疑问的地方,请大家指正,我会持续更新! 选择器权重 如果以4位数表示选择符权重,那么: 元素选择器的权重是1: id 选择器的权重为100: class类选择器的权重为10: 内联style(JS操作的也是行间样式)的权重为1000: 当然如果某属性值设置了!important ,它还是最重要的,直接通杀: CSS选择器简介: 通配选择器,*{...},星号代表通配选择器,可以与任何元素匹配: 元素选择器,html{...},body{...…

CSS元素的定位position 属性position   值 描述 absolute                             生成绝对定位的元素,相对于 static 定位以外的第一个父元素进行定位.(父元素指的是前一个以absolute或relative宣告其位置的元素,若之前都没有此定位的元素存在,则以元素所在的窗口最大可视范围边界为基点. ) 元素的位置通过 "left", "top", "right" 以及 "…

接下来,开始讲解 CSS元素定位. CSS定位速度快,功能多,但是不能向上查找,比 xpath好用,是本人认为最好用的定位方式   大致用法总结: 具体使用仿上篇博客.http://www.cnblogs.com/zhongmeizhi/p/6296213.html 下面都是精华哦. 1.*:checked  选中*的checked元素2. li.refined.list.group.item (如果class中间有空格,可以.+.+.全写也可以只写任意一个)    .checkbox[type…

css元素溢出: 当子元素的尺寸超过父元素的尺寸时,需要设置父元素显示溢出的子元素的方式,设置的方法是通过overflow属性来设置. overflow的设置项: (1)visible 默认值 内容不会被修剪,会呈现在元素框之外 (2)hidden 内容会被修剪,并且其余内容是不可见的,此属性还有清除浮动.清除margin-top塌陷的功能. (3)scroll 内容会被修剪,但是浏览器会显示滚动条以便查看其余的内容.(不管有没有溢出都会有滚动条) (4)auto 如果内容被修剪,则浏览器会显示…

您可能不知道的CSS元素隐藏“失效”以其妙用 by zhangxinxu from http://www.zhangxinxu.com地址:http://www.zhangxinxu.com/wordpress/?p=2191 一.CSS元素隐藏 在CSS中,让元素隐藏(指屏幕范围内肉眼不可见)的方法很多,有的占据空间,有的不占据空间:有的可以响应点击,有的不能响应点击.后宫选秀——一个一个看. { display: none; /* 不占据空间,无法点击 */ } { visibility:…

Css - 元素的显示模式 块元素(block) 块元素是指: 1.独占一行,每个div上下之间没有留白,上面的div的底部与下面的div的顶部紧紧靠在一起没有任何缝隙 2.可设置宽高,默认宽度是父元素的宽度.默认高度是自身内容的高度,如果自身内容是空的,则高度为0 3.如果子元素是块元素,则会继承父块元素的宽(不会继承高).如果子元素是行内/行内块元素,则不继承宽高,其实这并不算真正的继承,由于块元素是独占一行,所以块元素里的子元素如果也是块元素,则子块元素在没有明确设置其宽的情况下会跟父块元…

css元素定位 <style type="text/css"> body{ margin: 15px; font-family: "Adobe 宋体 Std L"; font-size:12px; } .father{ background-color: black; border: 1px solid #111111; padding: 25px; } .son{ padding: 10px; margin:5px; background-color:…

5:CSS元素类型 学习目标 1.元素类型分类依据和元素类型分类 2.元素类型的转换 3.inline-block元素类型的应用 4.置换和非置换元素的概念和应用案例 一.元素类型分类依据和元素类型分类 根据css显示分类,XHTML元素被分为 三种类型:块状元素,内联元素,行内块元素.可变元素 1.块状元素(block element) A)块状元素在网页中就是以块的形式显示,所谓块状就是元素显示为矩形区域,常用的块状元素包块div,dl,dt,dd,ol,ul,fieldset,(h1-h6…