HTML+CSS书写注意:
1,指定标题,搜索引擎对标题中的内容有偏爱
2,标签语义化
3,减少div和span标签的使用次数
4,排版布局要从上到下从左到右
5,静态网站制作一般分为 index.html 首页、 index.css 首页样式 、public.css 公共样式 、 reset.css 重置样式等。
6,分析页面内容,注重骨干部分标签的使用
7,注意padding和margin的运用和计算
8,“margin:0 auto;”的作用就是将页面元素水平居中
9,font-size:10px;是设置字体10px,text-indent:2em;是设置字体缩进2em,line-height:10px;是设置行高,可以实现文字居中
10,计算好各个盒子具体的高度宽度,特别是宽度的设置
11,上下模块之间的间距统一使用下一个模块的margin-top
12,id标签尽量是只用一次的时候去设置其他的时候少设置id
13,如果是重复的样式尽量设置一个class来进行设置减少css的负担
14,书写顺序按照由外到内,由整体到细节书写
15,用百分比调数据时,览器有时计算50%+50%可能会等于100.1%,所以,可以尝试将50%改为49%
16,要将HTML.css.js进行分开书写尽量不要使用内联样式
17,调整数据的时候可以使用浏览器的f12键找到样式进行调整可以达到准确快捷的效果
18,为了提升网页的用户体验,页面背景先加载小图片,这样背景加载速度快,用户打开网页的时候,先把这种背景图加载上,不至于展现在浏览者前面的是一片空白
19,命名必须规范看到名字就知道是那部分的
20,养成多写注释的习惯可以帮助自己或者别人更快捷的了解代码内容
HTML+CSS书写注意事项
最新推荐文章于 2024-06-17 17:22:02 发布
本文分享了HTML和CSS编码的实用技巧,包括标题优化、标签语义化、排版布局策略、样式文件分离、响应式设计技巧及用户体验优化方法,帮助前端开发者提升网页质量。
1506





