div+css网页设计-心得

该博客围绕前端页面布局展开,介绍了整体布局的顺序,选用的标签如div、p、a等,说明了块级与行内元素区别及命名注意事项。还提及选用选择器、全局样式设置、属性设置顺序,强调代码优化要考虑复用,且要有方法思路避免混乱。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

整体布局:

由外到内,从上到下,从左到右,层次分明

选用标签:

div用的最多(***),整体布局用div,打包多个元素用div,文字段落用p(p_***),a常转为块级标签,一行字多个样式用span,h*自带上下外补白,可设置全局样式消除;

块级元素与行内元素的区别

命名注意:

整体布局时,多考虑按方位命名,其他情况多考虑按内容命名

选用选择器:

多考虑class,其次标签名、id

全局样式:

字体,字号,补白等在最开始就设置好,用*{...}

属性设置:

先设置外层,再设置内层;先考虑基础属性(宽高、文字、边框、背景等),而后外补白(margin)、内补白(padding),再位置;不同元素,特征不同,具体情况具体分析,怎么直观,怎么来,需要什么,写什么

代码优化:

考虑代码的复用


方法和思路因人而异,但总归要有,才不混乱。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值