新手html网站界面编写思路

                                                                --416 TK

1. 给出一个原型不知道从哪入手?
作为一个新手,我最先去看的就是bootstrap的布局,因为每做一个界面就要首先把他里面的布局搞明白了再入手,在bootstrap中,你可以使用container布局即col布局,或者其他的布局。都是可以的。当你看完了bootstrap的布局之后你应该先给你的网站搭建起来他的布局,然后你可以在布局里面col下再次分行,直到达到你想要的布局之后便可以往你的网站里面加东西了,container布局是一个容器,当你往里面加东西的时候他会慢慢的撑开,直到你把所有网站的内容都加进去之后,便可以着手他们的布局了。
再次提醒,为了代码的可看性,应该给你的内容分块,比如把每一部分的内容都用section包裹 然后在section里加入container 然后在里面对这一块进行布局。
2 当我们把所有的内容全放进来之后就可以着手他们的布局了,这时我们就应该用到css了,
对于css作为新手我首先去了解权重这个概念,也即是选择器的概念,在csss中

标签的权重是1,.class类选择器的权重是10,#id即id选择器权重为100,
为什么要了解权重呢,因为我们在引入外部样式的时候,当一个标签中有多个样式的时候,权重的大小决定我们 将要使用哪一个样式,其中行内样式会覆盖所有的样式,除!important使用的样式之外,!important表示强制执行该样式。对于行内样式和嵌入式样式表以及外部样式表,如果你想要覆盖bootsrab的样式表最好写在嵌入式的样式表,其他的样式表全部嵌在外部样式表,最不建议的是行内样式表这样的css代码维护起来比较困难,也不建议使用id选择器去设置样式,所以我建议应当使用类选择器去设置css样式表。对于css样式应该熟悉哪些内容在此我列出来,margin和padding 以及display和position,其中display应著重了解flex容器的使用,
4 对于css界面完成之后之后就要对事件进行绑定了,建议先去看看js然后去学习一下jQuery事件类的一切都搞定。至此网站类的思路到此为止。

  • 0
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

qq_36699057

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值