专业网站建设品牌,十四年专业建站经验,服务6000+客户--广州京杭网络
免费热线:400-683-0016      微信咨询  |  联系我们

html可以自学吗_CSS学习

当前位置:网站建设 > 技术支持
资料来源:网络整理       时间:2023/3/4 1:33:45       共计:3595 浏览

html可以自学吗?

这位老铁

可以哦,html是可以自学的,倘若有学习上的问题可以联系我,我作为一名web前端工程师,可以指导你,学习方法我可以通过笔记和视频来教你~~~

切片是第一步:网页制作

1:切片

一般是用ps ,firework , 我说的话是用ps来进行

减少网页加载时间,制作动态效果,优化图像

2:制作切片的工具,准备工作

快捷键c 【ps】

第三个才是,帅气

一:另存psd 文件 以便于编辑操作

不会破坏源文件

二:整合ps的图片

建造几个组,养成好习惯

切片具体操作:

一:分割切片

哪些需要切片,哪些不需要,心中清楚

Ctrl+R 【显示出标尺】

按住alt 【放大图片】

二:切片的类型(用户切片,非用户切片)

蓝色{用户切片}和灰色{非用户切片}

夜光认为核心:div+css布局

【div+span+盒子模型】

1:div+span

两者区别:div:块级元素 span:内联元素

2:盒子模型

3:布局相关的属性

4:兼容问题

5:实例教程 【项目开发 么么么哒】

<!DOCTYPE html><html lang="en">

<head>

<meta charset="UTF-8">

<title>Title</title>

<style type="text/css">

body{ padding: 0; margin: 0; }

.div{ width:960px; height:600px; margin:0 auto; background-color: #fbcaff; }

</style>

</head>

<body>

<div class="div"> <div class="left"></div> <div class="right"></div> <div class="bottom"></div>

</div>

</body>

</html>

=============

JS 控制样式【夜光认为核心】

我们就JS主要目的: 控制 web 中的前两种

结构

样式

行为

CSS怎么写样式 就是用div 语句

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title></title> <style> #demo{ width:100px; height:100px; background-color: aqua; } </style></head><body><div id="demo"></div></body></html>

【可以多和我交流一下,谢谢】

版权说明:
本网站凡注明“广州京杭 原创”的皆为本站原创文章,如需转载请注明出处!
本网转载皆注明出处,遵循行业规范,如发现作品内容版权或其它问题的,请与我们联系处理!
欢迎扫描右侧微信二维码与我们联系。
·上一条:css如何使盒子在底层_CSS学习 | ·下一条:怎么设置盒子位置_CSS学习

Copyright © 广州京杭网络科技有限公司 2005-2025 版权所有    粤ICP备16019765号 

广州京杭网络科技有限公司 版权所有