北京WEB前端外包网站

什么是CSS hack

由于不同的浏览器，甚至同一浏览器的不同版本对CSS的解析认识不一样，导致生成的页面效果不一致，写出针对不同浏览器CSS code就称为CSS hack。

常用的CSS hack 有三种方式，CSS 内部hack、选择器hack、HTML 头部引用，其中第一种最常用。

CSS3中常见一些这样的写法

一、左侧固定宽，右侧自适应布局

页面布局如下：

<div id="lt">left</div>

<div id="rt">right</div>

在不断的迭代开发过程，由于项目改版频繁，css文件以及css命名非常容易变得混乱，制定了项目css的相关规范

1)reset.css(浏览器样式重置) (不可改)

2)base.css(基本样式)

  //一般如下首字符缩写命名  :

    .w10{width:10px}

    .w_10{width:10%}

什么是CSS清除浮动？

在非IE浏览器（如Firefox）下，当容器的高度为auto，且容器的内容中有浮动（float为left或right）的元素，在这种情况下，容器的高度不能自动伸长以适应内容的高度，使得内容溢出到容器外面而影响（甚至破坏）布局的现象。

在项目中遇到了这种效果图：

代码怎么写？见如下：主要是画红框的部分

实例详解CSS中position的fixed属性使用

首先，我们应该先了解下fixed属性的说明：fixed总是以body为定位时的对象，总是根据浏览器的窗口来进行元素的定位，通过"left"、 "top"、 "right"、 "bottom" 属性进行定位。

下面我们来实例演示一下:

方法/步骤

1.我们在代码中加入2个层：div1和div2，代码如下：

CSS 框模型概述

element : 元素。实际的内容。

padding : 内边距，也有资料将其翻译为填充。

border : 边框。

margin : 外边距，也有资料将其翻译为空白或空白边，默认是透明的。

被点击访问过的超链接样式不在具有hover和active了,很多人应该都遇到过这个问题,解决方法是改变CSS属性的排列顺序: L-V-H-A 

a:link {}  

a:visited {}  

a:hover {}  

a:active {}  

截字省略号