讲一些对于css 的理解

来源:互联网 发布:淘宝招商代理 编辑:程序博客网 时间:2024/06/18 04:34

 布局全靠html 排版全靠css

 首先做一个网页 需要 加载一些css 而且 这些css应该放在head标签 里 方便一加载的时候 就开始渲染网页

 第一步就应该格式化html 标签的自有样式  比如 p div button... 有一些margin 啊 padding border 一开始就必须格式化 不然做到后面会发现在这个浏览器没问题 在那个浏览器就有问题 比如现在前端很火的css框架bootstrap.css 很容易出兼容性的问题 我看了几分钟就决定 不用这个框架 css 自己写

格式化做好了 后面的html 就可以用css想要它怎么显示就怎么显示了 不然 真的很容易出问题

css 不太好讲 就是记住 一些新出的css 有什么效果之类的 然后布局的时候 哪里该用浮动 哪里 该用定位 如果用浮动请记得在后面加上display:inline; 这个属性 不然在ie6下容易 出问题

还有就是理理盒子模型 margin padding 比如 div 如果我自己就是一个div 那么margin的距离 就是我相距别人的距离 而padding 则就相当于 我相对于我自己衣服的距离 增加padding 就是增大了衣服 当然从衣服开始 往里都是属于我自己的

还有用于文章段落显示的时候 设置了height 一般加一个line-height 会好些

一般看着原型写html css 能够 一直写 不用网页打开 基本上都能一直写的下去 就代表对html css 有了一定的理解了

还有前文html说的 加一句 什么时候 该用前景图 什么时候 该用背景图 什么时候 该合图 该有自己的判断



原创粉丝点击