A股上市公司传智教育(股票代码 003032)旗下技术交流社区北京昌平校区

 找回密码
 加入黑马

QQ登录

只需一步,快速开始

chab1234

初级黑马

  • 黑马币:

  • 帖子:

  • 精华:

© chab1234 初级黑马   /  2019-10-29 21:40  /  885 人查看  /  14 人回复  /   0 人收藏 转载请遵从CC协议 禁止商业使用本文

这段时间一直在学H5+CSS3结合的前端框架开发,在这里总结一些心得体会。也好以便于以后开发的思考、思路。
主要来说,H5用于大体界面的编写,如:需要一些基本的输入框、单选按钮、普通按钮、以及下拉选择框等。而CSS3呢则是主要用于对整体界面细节化的修饰。比如:一个普通按钮,输入框边角默认是直角,那我们可以用CSS来改变其形状。还可以用来设置不同的样式。CSS是这三个最麻烦的,而且也是调试频率最大的。
就好比我个人来说。在设置一个以白色图片为背景的界面。
首先,界面的背景颜色肯定不能是白色,不然图片都跟背景色同样了,完全看不出图片,其次背景色也不能太深或者太淡。不然图片的一些细节地方就没那么明显,这就要在CSS中慢慢调试。
这是因为在H5中取消了之前一些界面的布局样式,导致我们需要用CSS来替代。另外在CSS3中界面的排版也是一个主要的注意方面。或许有些人认为,可以都以DIV形式来排版。但是我要说的是,在对于做前端开发的人员来说,屏幕大小及分辨率的不同,会导致我们的界面在绝大部分的设备上能按照我们设计的来正常显示。但是对于一小部分的设备来说就很有可能会导致我们布局的设计会偏离正常的轨道。这就需要我们不断的调试。以便更好地满足不同的设备。在我自己设计的一个界面布局中,就出现过这样的一个问题:一个普通的提交按钮,我原本是要让它显示在离左边百分之20的地方。在我设置好外边距后能够正常显示,但是当我把整体界面拉大后会发现按钮它自己会以右边的边框为轴使整个按钮框往右边翻过去,当我缩回原先的屏幕大小或者更小时,界面的那个按钮又跳回原先离左边的百分之20.这样的结果肯定不是我想要的,所以要慢慢试样式,终于发现问题所在。原来是不能在整个DIV中设置边距的百分比,而是要在按钮中单独设置。在样式中‘#’是对应id属性,‘.’是对应class属性。
这是我的一些小小总结,欢迎大家留言给我回复讨论。
第十三篇:

14 个回复

倒序浏览
我拥有宇宙的风,与夏夜相逢。是六月盛景,是清寂长生。
回复 使用道具 举报
.我与春风皆过客,你携秋水揽星河
回复 使用道具 举报
对一个人的好感,如果超过了四个月,那就不止是好感这么简单了。
回复 使用道具 举报
当我拥有你,无论是在百货公司买领带,还是在厨房收拾一尾鱼,我都觉得幸福。
回复 使用道具 举报

海已静,山未青,月落于平行时空。长欢已远,迟眠五更,念心事灯火通明。相遇错失,欢悲照旧,我都承蒙。
回复 使用道具 举报
余生就那么长,还请衷于自己。
回复 使用道具 举报
关于全栈,要了解T型理论,先专后全栈,千万别贪多,古人说: 广积粮,高筑墙,缓称王
回复 使用道具 举报
关于全栈,要了解T型理论,先专后全栈,千万别贪多,古人说: 广积粮,高筑墙,缓称王
回复 使用道具 举报

这一生山高水阔,背过身,便是太阳
回复 使用道具 举报
.所有的苦难与背负尽头 都是行云流水般的此世光阴
回复 使用道具 举报
我把什么比做你 你是一池捞不起的波光粼粼
回复 使用道具 举报
你说 “生命在于不断超越自己”,那来到这里的我已经赢了一半,你还会等我么?
回复 使用道具 举报
苦难有如乌云,远望去但见墨黑一片,然而身临其下时不过是灰色而已。——里希特
回复 使用道具 举报
一个人幸运的前提,其实是他有能力改变自己。嗯,来到这里的我们都是幸运的吧?
回复 使用道具 举报
您需要登录后才可以回帖 登录 | 加入黑马