为了账号安全,请及时绑定邮箱和手机立即绑定
生成sprite图的工具:cssgaga
CSS Sprites其实就是把网页中一些背景图片整合到一张图片文件中,再利用CSS的“background-image”,“background- repeat”,“background-position”的组合进行背景定位,background-position可以用数字精确的定位出背景图片的位置。
cssscrpite雪碧图
静态图片,不随用户信息变化而变化。
小图片,容量比较小
加载量比较大。(目的是:有效的减少http请求的数量)
大图不建议拼成雪碧图,加载时间长
youdiannan
卧槽太坑了 !!!! i标签后面的那个宽度的设置 后面的分号为什么不打!!!!
慕课群 167137884欢迎大家加入。
CSS display:inline和float:left两者区别
①display:inline:任何不是块级元素的可见元素都是内联元素。其表现的特性是“行布局”形式!(行布局:其表现形式始终以行进行显示) ②float:left:指定元素脱离普通的文档流而产生的特别的布局特性。并且float必需应用在块级元素之上,也就是说浮动并不应用于内联标签。或者可以说如果应用了float这个元素将被指定为块级元素。 那么两者的区别显而易见:display:inline元素不能设置宽高,因为它属于行布局,其特性是在一行里进行布局,所以不能被设定宽高
也算是弄出来 了
弄得挺麻烦的,不过还好做好了样式
气死了,第一次写了一半,不知道怎么就关掉了,得重写,第二次,写得快好了,手贱我自己都不知道我什么时候点了关闭又没了
老师,怎么感觉你讲课的时候在吃饭或者是喝酒呢?因为声音听起来感觉嘴巴里面有东西而且还偶尔打嗝。。。。哈哈哈
<style>
*{padding:0;margin:0;}
ul{list-style:none;padding:0 10px;}
li h3{font-size:14px;font-weight:400;text-align:center;}
li{display:block;overflow:hidden;border-bottom:1px solid #dedede; height:31px;line-height:31px;}
.menu{width:150px;background:#f8f8f8;border:1px solid #bbb;}
li还要设置block啊
有几个非常不错的前端开发在线工具,分享给一起学习的小伙伴们,别忘了收藏,很实用。
(1)在线代码测试工具:http://www.lvyestudy.com/tools/run_code.aspx;
(2)在线调色板:http://www.lvyestudy.com/tools/color_picker.aspx;
(3)CSS3圆角生成器:http://www.lvyestudy.com/tools/border_radius.aspx
属性 值 描述
accept mime_type 规定通过文件上传来提交的文件的类型。
align
left
right
top
middle
bottom
不赞成使用。规定图像输入的对齐方式。
alt text 定义图像输入的替代文本。
autocomplete
on
off
规定是否使用输入字段的自动完成功能。
autofocus autofocus
规定输入字段在页面加载时是否获得焦点。
(不适用于 type="hidden")
checked checked 规定此 input 元素首次加载时应当被选中。
disabled disabled 当 input 元素加载时禁用此元素。
课程须知
您至少具备HTML/CSS基础知识。
老师告诉你能学到什么?
1.学会CSS Sprite雪碧图制作方法。2.学会CSS Sprite雪碧图的使用方法。

微信扫码,参与3人拼团

意见反馈 帮助中心 APP下载
官方微信
友情提示:

您好,此课程属于迁移课程,您已购买该课程,无需重复购买,感谢您对慕课网的支持!

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?

举报

0/150
提交
取消