第六课 课程重点(仿站及常见代码用法)

本文分享了前端开发中实用的小技巧,包括网站图标调用、块级元素居中、超链接覆盖整块区域、文本框样式调整等。同时,还提供了仿制网站的实际案例和HTML与CSS常用知识点总结。

1、网站常见小图标调用方式:

  将所有小图标做在一张大图上a.png,然后根据横纵轴来调用。

  background:url("a.png") -23px -70px no-repeat;


2、块级元素居中的常见写法:

  margin:0px auto;


3、如何让超链接影响到整个块?

  将行内元素变成块级元素:display:block

 

4、文本框只留下面一条线:

  { border-width:0px;  border-bottom:solid 1px #000; }

 

5、仿站:

  用所学知识制作一个完整的网站

  需要练习的同学,可以在小群群文件里下载、或者去官网下载网站实例照着仿站:

           2015年7月14日css第四次课:链接:http://pan.baidu.com/1mgnEa72 密码:

 

 6、html及css常用易混短语总结:

  超出部分隐藏:      overflow:hidden;

  行级元素变块级:     display:block; 

  下划线/去掉下划线:      text-decoration:underline/ none;   

  文字居中:                   text-align:center; 

  边框为实线:             border-style:solid;                              

  边框缝隙合并:          border-collapse:collapse;                     

  背景图片不重复:       background-repeat:no-repeat;     

  列表前无符号:          list-style-type:none;    

转载于:https://www.cnblogs.com/mmtk/p/4669418.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值