CSS第五天——学成在线

1、html和css分离

2、CSS书写属性(重点)

 3、先确定版心,确定页面行模块中的列模块、先确定每个列的大小之后确定列的位置。先结构后样式。

4、导航烂中的链接在实际开发中不会直接用li,而是用li包含a的做法。

5、导航栏上的文字个数不一样,应该用padding来撑开每个盒子的宽度。

自己写的时候不熟练的地方:

  • 虽然我们前面学过行内块(inline-block) 但是他却有自己的缺陷:

它可以实现多个元素一行显示,但是中间会有空白缝隙,不能满足以上第一个问题。

它不能实现以上第二个问题,盒子左右对齐,因此要用浮动。

  • input 表单部分不熟悉,需要练习,button不熟悉。
  • 行内块中间默认有缝隙,所以搜索的按钮会掉下去!解决办法是把border设置为0
  • background:

      - 通过该属性可以同时设置所有背景相关的样式

      - 没有顺序的要求,谁在前谁在后都行,也没有数量的要求,不写的样式就使用默认值

      -background-size要写在background-position后面

  • 在搭建结构的时候一定要记住:
  1. 一行中分为多个部分,首先想到浮动,如果是是类似模块就要想到用li。
  2. 要熟记img、a、input、span是行内元素;li是块级元素。

碎碎念:老天奶啊,这个小练习墨迹了三天,中间确实还干别的了。写的时候确实是自己对固定的结构还不敏感不熟悉。哎。。。。 

为啥我用了老师的那个清除浮动的方法根本不好使啊,有兄弟知道吗

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值