css学习
文章平均质量分 81
落明
关于学习的经验 关于生活的见解 关于人生的思考
展开
-
关于导入外部样式表的目录问题
在html中插入css样式或者是js文件的方式往往分为内部插入和外部导入两种途径,今天已css样式表为例,总结一下外部文件导入的路径问题:原创 2017-11-17 17:52:59 · 536 阅读 · 0 评论 -
张鑫旭慕课之——深入理解absolute(上)
1.absolute和float具有相同的特性表现:破坏性(造成外层塌陷)与包裹性(包裹内部元素)2.absolute与relativerelative和absolute是分离的,是对立的,absolute越独立,越强大。独立的absolute可以摆脱overflow的限制,无论是滚动的还是隐藏的。3.原创 2017-11-17 19:17:36 · 797 阅读 · 0 评论 -
css自适应布局之无宽度原则
1.何为宽度分离?所谓“宽度分离”,就是CSS中的width属性不与影响宽度的border/padding(有时候包括margin)属性共存。即不能出现以下的些组合:{width:200px; border:1px solid #ccc;}或者是:{width:200px; padding:20px;}2.为什么要宽度分离宽度分离”无计算,扩展性强,容错性强,可以让写页面更轻松。在页面制作与CSS中原创 2017-11-18 14:09:29 · 1079 阅读 · 0 评论 -
三栏自适应布局方法
前言:本文讲述的是两边栏宽度固定位200px,中间栏宽度自适应的布局,要想三栏宽度都自适应,将固定宽度改为百分比即可;1.绝对定位法这或许是三种方法里最直观,最容易理解的:左右两栏采用绝对定位,分别固定于页面的左右两侧,中间的主体栏用左右margin值撑开距离。于是实现了三栏自适应布局。 HTML: <div id="" class="left">左</div> <div id=""原创 2017-11-18 15:24:31 · 481 阅读 · 0 评论 -
纯css选项卡及下拉菜单
说实话,这个小把戏估计现在大家都会,我刚开始的时候一直没有太关注,直到今天下午有个项目用到,我才想起来,自己按照自己的思路弄出来的,没有参考别人的,感觉还蛮有成就感的,哈哈。思路其实很简单,就是将li列表下的内容设置为绝对定位。原创 2017-12-07 20:36:52 · 1186 阅读 · 0 评论