欢迎光临建站营销网站,一站式轻松搭建网站

快速平台建站公司

自助建站搭建平台系统,企业快速建站平台

大牛们鉴定下我网页制作的(html Div+css)属于什么水平?

作者:jcmp      发布时间:2021-04-15      浏览量:0
第一次模仿页面模仿的是 百度输入法

第一次模仿页面模仿的是 百度输入法 ,那时候页面不这样,不过也差不多,一个nav就把我折腾死,float:left是什么鬼,padding, margin怎么用,position的absolute、relative有什么区别,为什么我设置了跟别人的效果就是不一样,其实真的讲起来,css方面你需要搞明白的不多 1. display 常用的display就两种,inline和block,div、p默认是block,span、a默认inline,你试试设置成这俩的东西有什么区别 2. position 默认static,可以设置的有relative、absolute和fixed,设置成后面3个可以激活top、bottom、left、right属性,就好像你在地板上铺积木一样,放不下就换行呗。 3. 盒模型 从外到内 margin、border、padding,再加上width、height、background,不过这些属性在display: inline下经常不work,做多了就会区分了 关于box-shadow、border-radius这些,用到自然就知道了,不是重点。 4. font相关 font-size(字号)、font-weight(加粗)、font-family(字体)、color(颜色)、line-height(行距,单行时设置成父元素高度可以用来做到在父元素内垂直居中)、text-align(用到的时候都是设置成center,可以做到inline元素水平居中,另外一提,block元素水平居中把margin-left和margin-right设置成auto就可以做到)这些是常用的 5. overflow 常用的有hidden或者scroll或者auto,当你把某个块级元素(display:block)设定宽或者高,内容多得放不下了咋办?隐藏还是滚动还是啥?基本这俩够用了,不够的时候去百度google一下,你就会学到神奇的css,次数多了就全知道了 6. float 这是个很好用的东西,可以把块级元素堆积在左边或者右边,用完记得clear一下(clear:both) 7. 伪类以及伪动态 :active :hove :focus。

静态页面我随便总结了下,大概这些吧,如有遗漏,不好意思。。。。。。欢迎补充。。。我也不知道书上是怎么说的,不过上面的是我经常用的。 动态页面需要学习JS,静态页面估计你很快就可以搞定,那就学习js和jquery吧,操作dom什么的,说到底呢还是通过js来改变某些元素的css来实现动态效果。