首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    自学DIV+CSS总结

    的定义) 3、选择器声明 选择器集体声明逗号隔开(例如:h1,h2,p,#one{});全局声明*;选择器嵌套用空格隔开(例如:p b{}意思是p下的b样式,.mycss li{}意思是class...,内容与边框的距离)、间隔(margin块和块的距离) 注意:设置的width和height的大小都指的是width+padding的值,IE不支持border-style,而且设置背景ie影响的是内容和间隙...10、设计和编辑div+CSS心得 根据设计的ps图,先把页面划分成几个板块(越少越好),然后几个板块的关系以及margin和padding和边框都设计好(做到心中有图,胸有成竹),继续写成对的div...进行命名和声明和注释(解决div不成对和注释少的问题),确定每个块的名字和样式(精确到大小和颜色),最后写代码调试(每个浏览器的方法不一样编写的css可能有不同的样式,需要进行深入研究) 11、补充...这个是很有用的代码~~ 以上是我自学CSS+DIV的经验和总结,仅供初学者参考

    2.1K60

    cssdiv居中显示_css页面居中

    css中设置div元素居中显示的四种方法 一、先确定div的基本样式 二、具体实现方法 第一种:利用子绝父相和margin: auto实现 第二种:利用子绝父相和过渡动画tranform实现 第三种:同样是利用子绝父相和...css结构: *{ margin: 0; height: 0; } .warp{ width: 500px; height: 500px; background-color...class="warp"> 二、具体实现方法 第一种:利用子绝父相和margin: auto实现 给父级div设置相对定位,子元素div...原理:设置了left: 50%;top:50%; 之后,子元素位于如图所在位置, 此时,我们需要向左移动子级div宽度的一半,子级div所在位置如图所示 向上移动子级div高度的一半,结果如图所示...注意:calc()函数,CSS3 的 calc() 函数允许我们在属性值中执行数学计算操作。

    9.4K50

    前端基础——CSS+DIV布局

    ”,没错,现在大部分的网页都用了CSS+DIV的布局方式。        ...CSS+DIV布局,就是在整体上标记把页面分为若干个块,然后对各个块进行CSS定位,最后再在各个块中添加相应内容。        ...只不过我们在搭建整体的网页布局时,一般DIV来充当上例中“钢筋”的角色。         盒子模型是DIV+CSS的基础,也是关键。...2、对材料进行切割、焊接         了解了DIV及盒子模型等基础知识后,就要对这些材料进行切割(设计不同大小的DIV)并焊接(CSS定位相应的DIV)。             ...这些都只是CSS+DIV布局最基础的知识,想要真正吃透,还需要不断练习,体会布局的一些小技巧。

    2.3K10

    CSS完美兼容IE6IE7FF的通用方法

    关于CSS对各个浏览器兼容已经是老生常谈的问题了, 网络上的教程遍地都是.以下内容没有太多新颖, 纯属个人总结, 希望能对初学者有一定的帮助....一、CSS HACK 以下两种方法几乎能解决现今所有HACK. 1, !important 随着IE7对!important的支持, !important 方法现在只针对IE6的HACK....关于 clear float 的原理可参见 [How To Clear Floats Without Structural Markup] 将以下代码加入Global CSS 中,给需要闭合的div加上...(再次啰嗦) 1, FF下给 div 设置 padding 后会导致 width 和 height 增加, 但IE不会....对 BOX 理解的差异导致相差 2px 的还有设为 float的divie下 margin加倍等问题. 5, ul 标签在 FF 下面默认有 list-style 和 padding .

    90920
    领券