首 页
关于方维
网站案例
网站建设
小程序开发
解决方案
建站资讯
联系方维
400-800-9385
网站前端制作之基础切图的总结经验
发表日期:2019-07-13 09:21:38 作者来源:方维网络 浏览:4045 标签:
网站前端制作
当前位置:
首页
-
建站资讯
-
网站建设
做切图工作一个多星期。总结了几个要领:
先观察整个页面的布局,找出公共的样式。写成单独的类名。在HTML中调用即可。这样可以提高切图效率,节约开发时间。
把页面看成一个个横向的结构,用浮动(别忘了清浮动)去布局,多用百分比为元素单位。用内边距和外边距去达到最后想要的效果。
在使用overflow:hidden;的时候。会遇到子元素定位超出可视范围造成overflow:hidden;无效的情况。这时候在最外面的容器上加相对定位(position: relative;)就可以解决。
有时候网页由于元素的padding或者margin而产生超出横向可视区域的情况。如果不是很多。就在body加上overflow:hidden;就可以解决;
元素居中的方法一般用两个,一个是:margin: 0 auto;一般用于有宽度的块级元素。还有一个是:text-align: center;用于元素里的文字。
点击出现和隐藏菜单用JQ里的show()和 hide()方法来实现。代码很简短。
一些点击效果用一个新的类名实现。JQ控制删除添加类名。新类名的样式结尾要加上!important来提高优先级别。
对于前端现在很多的开发都是运用各种框架和插件库。在高速开发的需要之下。这个方法是最合适的。当然也不能忘记基础的东西。JavaScript作为前端的核心技术,不能忽视。如果一个项目比喻成一桌子的菜。那么JavaScript就是各种原材料。框架就是打包好的成品菜。有一天成品菜需要更换了。还是要用到JavaScript。与其说那些框架(Angular、React、Vue)是一项技术不如说是一个指标,包括CSS在内。在空闲的时间里必须要不断的去学习。方向也很重要。掌握原生的技术才能走得长远。
如没特殊注明,文章均为方维网络原创,转载请注明来自https://www.szfangwei.cn/news/5147.html
上一篇:
网站设计之基于色彩原理的快速配色法
下一篇:
网站域名解析怎么操作
相关网站设计案例
明鉴检测
联合太阳能多晶硅
华聚科仪
相关资讯
机器人网站建设重在设计和前端展示效果
日期:2025-03-15 浏览:336
企业品牌网站为啥是设计前端后端...
日期:2025-02-15 浏览:558
网站前端动画特效为什么决定了网...
日期:2024-12-07 浏览:648
常见问题
企业网站建设常见问题整理合集【置顶】
在深圳建设一个公司网站多少钱
开发网站需要多久跟这九个因素有关
最新文章
网站建设之高德地图开发经验简解
浏览量:4401
网站改版该如何去策划定位
浏览量:4156
腾讯投资了京东为何还投资拼多多呢?
浏览量:5098
浅谈中美贸易对互联网发展的影响
浏览量:4715
【签约】签约LED星创源企业网站建...
浏览量:4039
做好的网站有无必要交给建站公司去维护
浏览量:5909
400-800-9385
97798819
回到顶部
0
请您留言
非常抱歉,客服不在线,麻烦留下您的联系电话或者微信,我们看到后会马上联系您!
提交
感谢留言
我们会尽快与您联系
关闭