`
yantaoliu2006
  • 浏览: 91906 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

psd转html学习笔记1

阅读更多
刚写了一个还有bug的html网页,
总结一下,
1 如果技术还稍微差点,可以用图片的方式处理一些小问题。
  比如圆角问题,
2 ul li这些标签用的不好,不熟练的情况下,用div代替,
3 class原来可以指定多个。这样的话,统一样式就可以写一个,然后再写单独样式。
4 相对定位挺管用,不过有个问题没解决,一旦用一个相对定位做下拉菜单,那么会影响后面的
  元素位置,灵感刚来,那就把这个元素先占位,背景透明,这样后面的元素就不受影响了。
5 jquery挺好用。
6 div高度被撑开问题,现在还没有彻底解决。
7 clear:both得学会。
8 *{margin:0;padding:0;}
9 水平居中,只要设置父元素text-align:center;子元素margin:0 auto;
10 垂直居中设计思路图片相对定位,高度为总高度除以2,加上自身高度除以2;
0
5
分享到:
评论

相关推荐

    笔记本行业网页模板设计PSD素材

    同时,与前端开发人员的协作也很重要,因为PSD文件最终需要转化为HTML和CSS代码,才能在网页上运行。 总之,"笔记本行业网页模板设计PSD素材"为设计师提供了丰富的设计元素和结构框架,通过合理利用这些资源,不仅...

    BR-071_psd网页模板_网站psd效果图切片_PSD欧美日韩风格前端页面.zip

    本资源"BR-071_psd网页模板_网站psd效果图切片_PSD欧美日韩风格前端页面.zip"正是为这两个领域提供了宝贵的素材和学习材料。下面,我们将深入探讨其中蕴含的知识点。 首先,PSD(Photoshop Document)是Adobe Photo...

    前端第一阶段笔记HTML+CSS

    【HTML与CSS基础】 HTML(HyperText Markup Language)是一种用于创建网页的标准标记语言,它定义了网页的结构。...随着技能的提升,可以进一步学习更复杂的布局、响应式设计、JavaScript交互以及前端框架等高级概念。

    study-electron:电子学习笔记

    电子学习笔记 什么是电子? 您可以使用 node.js (io.js) + Chromium 使用 web 技术 (html + css + javascript) 创建桌面应用程序 → 您可以使用浏览器 API 和节点 API 的组合 跨平台(mac、windows、Linux)兼容 ...

    丧尸游戏-首页.zip

    其次,描述中提到的"心得"可能是作者在设计过程中的笔记或反思,这在学习过程中非常有价值,因为它记录了作者的成长和对技术的理解。这种实践与理论相结合的方式有助于加深对HTML和网页设计原则的理解。 再者,"psd...

    韩顺平笔记CSS+div

    根据给定的文件信息,我们可以总结出以下几个关键的IT知识点: ### 1. 表格在HTML中的使用 ...这些知识点不仅适用于初学者学习HTML的基础,对于希望深入了解HTML表格、列表、框架及表单使用的开发者来说也非常有用。

    H234_HTML手机电脑网站_网页源码移动端前端_H5模板_自适应响应式源码.zip

    而“网页PSD”标签可能意味着压缩包中还包括了Adobe Photoshop的设计文件,设计师可以利用这些文件进一步修改和优化网页设计。 总之,这个压缩包提供的是一套基于HTML5、适应多种设备的网站模板,包含了前端开发所...

    IMOOC:IMOCC辛勤的搬运工

    目前已整理的学习笔记 1、分页页码制作 2、帝都抢车位制作 3、回到顶部效果 4、手风琴效果 5、表单美化 6、导航条菜单的制作 7、基于websocket的火拼俄罗斯方块(待续) 8、从PSD到HTML 9、手把手教你实现电商网站...

    1_大作业.zip

    5. **笔记或参考资料**:可能有`.md`(Markdown)或`.pdf`格式的学习笔记、教程链接或参考文献。 6. **运行脚本或配置文件**:对于复杂的项目,可能会有`.bat`(Windows批处理)、`.sh`(Unix shell脚本)或`.json`...

    Day2(1).rar

    如果这是一门课程或工作坊的资料,"Day2"可能暗示这是学习或讨论的第二天的内容,可能涉及进阶主题或者前一日知识的深化。 在IT领域,我们可能会在这样的压缩包中看到以下内容: 1. **编程代码**:可能包括各种编程...

    Templatesdd 建筑模板

    而".psd"文件则是Photoshop文档,通常用于存储模板的设计源文件,设计师可以在这里编辑图像、调整层次结构和设计元素,以适应特定的需求。 使用这些模板,建筑行业的专业人士可以轻松地创建出具有专业感的在线平台...

    淡黄色右侧悬浮以及中间弹出在线客服代码.zip

    开发者或网页设计师可以通过解压文件,学习如何使用jQuery和CSS实现这样的交互效果,并可以根据自己的需要调整代码和设计。对于初学者,这是一个很好的实践案例,可以加深对网页交互设计和jQuery应用的理解。而对于...

    202107 HW弹药库等合集.rar

    1. **编程语言代码**:如 `.cpp` (C++), `.java` (Java), `.py` (Python) 等,这些文件可能包含编程语法、数据结构、算法、类库使用等知识点。 2. **数据库文件**:如 `.sql`,可能涉及到SQL查询语言、数据库设计、...

    10.23作业.zip

    7. **笔记或阅读材料**:可能还会有学生的笔记(.txt, .md, .pdf)或参考文献,帮助理解作业背景和要求。 8. **测试或考试**:如果作业涉及在线测试,可能会有HTML、PDF或特殊格式的答题文件,供学生填写后提交。 ...

    网页设计公司网页模板

    在完成设计后,设计师会将PSD文件切片并导出为HTML和CSS,以便进行前端开发。 "轻松设计漂亮的网页-mobanwang.com.url"是一个链接,可能指向一个在线资源或教程,提供了关于如何使用模板或者设计网页的指导。...

    韩国网络教育机构网站模板

    **学习资源**区则可以提供额外的学习材料,如参考书籍、笔记、测试题库等,辅助学生自主学习。 **论坛交流**或讨论区是促进师生、同学间互动的地方,用户可以在这里提问、分享学习心得,提高学习效果。 在设计上,...

    绿色校园记事本网页模板

    "记事本"元素则意味着这款模板注重功能性,可能包含了日程安排、笔记记录或信息分享等功能。在网页设计中,这些功能可以通过交互式布局和动态效果来实现,使用户能够方便地记录和查找信息,提升用户体验。 "网页...

    Freenote instant online notes and files-开源

    1. **在线笔记功能**: Freenote的核心功能是在线笔记,允许用户随时随地创建、编辑和查看笔记。这种即时性使得用户能够迅速捕捉灵感,记录会议要点或者保存任何有价值的信息。通过Web应用程序的形式,用户无需安装...

Global site tag (gtag.js) - Google Analytics