10.导航间竖线的定义方法:
css部分:
.nav {
width:408px;/* 这个宽度一定要按li中的宽度算好 */
float:right;
display:inline;
overflow:hidden
}
.nav ul {
margin:0;
padding:0
}
.nav li {
float:right;
width:80px;
height:auto;
text-align:center;
padding:0 10px;
border-right:1px solid #444;
margin-right:-1px;
}
html部分:
- 产品展示
- 成功案例
- 客户服务
- 下载中心
11.中英文下划线对齐方式(利用图片的align=“absmiddle”):
中英文并排:中文 gollum
12.li交替显示背景代码:
ul {
list-style:none;
font-size:12px;
line-height:20px;
color:#666;
}
ul li {
background-color:expression(this.sourceIndex%2==0?‘#EAF8FD’:‘#ffffff’);
}
13.利用css reset规避IE6下密码表单和文本不等长的问题,在css reset中加入:
input {
font-family:Arial, Helvetica, sans-serif;
}
14.FF下上边距无效时,及时反应给父级div上写入overflow:hidden或overflow:auto;也可以在子级div中写入float:left; display:inline.
15.描边文字效果:
这是描边文字这是描边文字
16.圆角背景,最简单的方法就是PS圆角线条,然后用表格实现自适应
17.通过定义em实现小三角效果:
* {
font-size:14px;/* 必须通配字体大小 */
}
em {
display:block;
font:0/0 “宋体”;/* 经本人摸索,只有在宋体下才最为标准 */
border:7px solid;/* border值越大,三角形越大 */
border-color:#fff #fff #fff #444;/* 通过改变颜色值,可产生不同效果,自己实验 */
margin-top:5px
}
在样式中加入以上代码后,在body中用即可得到小三角效果.
18.如果在FF中测试发现层错位或者下面的层跑到顶上了,八九不离十是没清除浮动的原因,在出问题那个层样式中加入:
clear:both
即可.
19.IE6下当层高低于10px时,会出现高度在定义值上加10px的效果,最简单的方法就是在该层样式中加入:
font-size:0;
立马将其打回原形
20.布局中栏目分割遵循62%:38%的原则.
21.文字段在容器内超宽时,截断该文字段并且续以省略号:
overflow:hidden;text-overflow:ellipsis;
这两具是连体的,单一用有问题.并且在FF下貌似无效,摸索中…
22.为了让代码看起来整齐标准,别忘了在写完代码后用DW中执行:命令—套用源格式:
23.display之line-block的HACK:
.menu{
display:-moz-inline-stack;/* 专属FF也可以用-moz-inline-box定义 */
*display:inline;
zoom:1;/* 上一行和此行用于激活IE6/7的layout,实现类似效果 */
}
24.透明度滤镜的用法:
.navbg {
filter:alpha(opacity=40); /* IE */
-moz-opacity:0.4; /* Moz + FF */
opacity: 0.4; /* 支持CSS3的浏览器(FF 1.5也支持)*/
自我介绍一下,小编13年上海交大毕业,曾经在小公司待过,也去过华为、OPPO等大厂,18年进入阿里一直到现在。
深知大多数前端工程师,想要提升技能,往往是自己摸索成长或者是报班学习,但对于培训机构动则几千的学费,着实压力不小。自己不成体系的自学效果低效又漫长,而且极易碰到天花板技术停滞不前!
因此收集整理了一份《2024年Web前端开发全套学习资料》,初衷也很简单,就是希望能够帮助到想自学提升又不知道该从何学起的朋友,同时减轻大家的负担。
既有适合小白学习的零基础资料,也有适合3年以上经验的小伙伴深入学习提升的进阶课程,基本涵盖了95%以上前端开发知识点,真正体系化!
由于文件比较大,这里只是将部分目录大纲截图出来,每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频,并且后续会持续更新
如果你觉得这些内容对你有帮助,可以添加V获取:vip1024c (备注前端)
紧跟潮流
大前端和全栈是以后前端的一个趋势,懂后端的前端,懂各端的前端更加具有竞争力,以后可以往这个方向靠拢。
这边整理了一个对标“阿里 50W”年薪企业高级前端工程师成长路线,由于图片太大仅展示一小部分
一个人可以走的很快,但一群人才能走的更远。不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人,都欢迎扫码加入我们的的圈子(技术交流、学习资源、职场吐槽、大厂内推、面试辅导),让我们一起学习成长!
里 50W”年薪企业高级前端工程师成长路线,由于图片太大仅展示一小部分
一个人可以走的很快,但一群人才能走的更远。不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人,都欢迎扫码加入我们的的圈子(技术交流、学习资源、职场吐槽、大厂内推、面试辅导),让我们一起学习成长!
[外链图片转存中…(img-OJzGHTXB-1712715302634)]