HTML+CSS书写注意事项

本文分享了HTML和CSS编码的实用技巧,包括标题优化、标签语义化、排版布局策略、样式文件分离、响应式设计技巧及用户体验优化方法,帮助前端开发者提升网页质量。
		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,养成多写注释的习惯可以帮助自己或者别人更快捷的了解代码内容
评论 1
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值