1、ul li不换行,横排样式
ul{ list-style:none;margin:0px;}
ul li {float:left;}
list-style:none,表示取消列表前面的点;
margin:0px,表示删除UL的缩进
float:left,通过浮动属性,让内容都在同一行显示
2、HTML中显示图片的方式
1)HTML标签 img
<img src="url" style="width:100px;height:100px">
2)CSS 属性 background
.g_con {
width:30px;
heigt:30px;
background:url();
}
<div class="g_icon"></div>
值的注意的是,url的地址需要注意它的路径问题。/image/xx.png,是指在css文件目录下的imge文件夹下的xx.png。这个可以查浏览器的F12。
3、伪类:after 和 :before
<div class="mydiv"></div>
.mydiv:after{
content:url(/i/eg_bg_04.gif);
width:100px;
height:100px;
}
分享到:
相关推荐
自己web前端的学习笔记,超详细,对于初学者用处很大,对于专业的前端开发来说,不建议下载,适用于后端开发参阅
web前端学习,js,css.htmlweb前端学习,js,css.html web前端学习,js,css.htmlweb前端学习,js,css.html web前端学习,js,css.htmlweb前端学习,js,css.html web前端学习,js,css.htmlweb前端学习,js,css.html web前端学习,...
Web前端学习笔记:HTML5+CSS3+JavaScript.pdf
WEB前端开发-案例汇总(81例),前端资源大汇总;适合初学者进阶,几乎涵盖前端开发所有案例,可供学习及设计参考。
NULL 博文链接:https://ayesd.iteye.com/blog/724826
WEB前端-案例汇总;史上最全的前端资源大汇总;适合初学者进阶,几乎涵盖前端开发所有案例。
web前端开发技术储久良第三版答案
web前端笔试题面试题汇总+前端优化总结 web前端笔试题面试题汇总+前端优化总结 web前端笔试题面试题汇总+前端优化总结 web前端笔试题面试题汇总+前端优化总结 web前端笔试题面试题汇总+前端优化总结 web前端笔试题...
web前端技术方案web前端技术方案
web前端学习总结1.docx
学习web前端开发该怎么学,按照什么顺序学习,这是很多新手朋友会遇到的问题。 想做好一件事,必须要花费一些功夫,然后是多学、多思、多练、多交流、多总结,发现自己的问题,然后一定要克服,在状态不好的情况下,...
分享一些有用的web前端学习资料,后续反馈好的话会继续分享
web前端学习路线图
web前端学习总结(精华版).pdf
web前端简历web前端简历web前端简历web前端简历web前端简历web前端简历web前端简历web前端简历web前端简历web前端简历web前端简历
WEB前端编码规范WEB前端编码规范WEB前端编码规范WEB前端编码规范WEB前端编码规范WEB前端编码规范WEB前端编码规范WEB前端编码规范
大学生Web前端静态网页设计期末大作业(高分必看)大学生Web前端静态网页设计期末大作业(高分必看)大学生Web前端静态网页设计期末大作业(高分必看)大学生Web前端静态网页设计期末大作业。大学生Web前端静态网页...
这是2020版最全的web学习框架,博主自己绘图,希望对你有帮助,助你在前端学习路上一臂之力,欢迎大家下载收藏,觉着有帮助的欢迎留言哦
《大巧不工:Web前端设计修炼之道》以Web前端设计的流程为主线,以前端设计的方法和原则为基础,围绕原型设计、模型设计、可用性设计、一致性设计和以用户为中心的设计等关键技术探讨了前端设计的规范、技巧与最佳...
web前端技术汇总/web前端技术汇总/web前端技术汇总/web前端技术汇总