-
text-indent用来规定文本块中首行文本的缩进，但是px是绝对单位，20px不一定正好是两个字符，而em是相对单位，1em的大小是当前1个字体的大小，因此2em正好是两个字符。另提示：text-indent的值允许负值，因此如果想隐藏某个div中的文字可以这样写text-indent:-9999px.
查看全部 -
flot浮动效果的清楚：
clear:left是不允许左侧浮动
clear:right不允许右侧浮动，一次类推。
查看全部 -
.wrap{
width:200px;
height:30px;
}
.wrap li{
list-style-type:none;
float:left;
width:50px;
line-height:30px;
text-align:center;
}
a{
display:inline-block;
height:30px;
width:50px;
}
a:link,a:active{
text-decoration:none;
color:#000;
}
a:hover,a:active{
text-decoration:none;
color:#fff;
background-color:#be3948;
}<ul class="wrap">
<li><a href="">全部</a></a></li>
<li><a href="">初级</a></li>
<li><a href="">中级</a></li>
<li><a href="">高级</a></li>
</ul>查看全部 -
clear 清除浮动 left 左侧不允许 right右侧 both两侧 none 默认值 允许两侧出现 inherit 从父元素继承clear属性的值
查看全部 -
浮动float left 元素向左浮动 right 向右 none 不浮动 inherit 从父元素继承float属性的值
查看全部 -
18/5/12 加油！！
“我在未来等你。”“跑着去！”
查看全部 -
.demo a:link,
.demo a:visited{
text-decoration:none;
color:black;
}
.demo a:hover,
.demo a:active{
text-decoration:none;
color：white;
background-color:#BE3948;
display:block;
}
查看全部 -
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>3.1页面头部制作练习题</title>
<style type="text/css">
/*在此定义相关样式，控制列表的显示形式*/
.list_count{
height:30px;
}
.list_count li{
float:left;
line-height:30px;
list-style-type:none;
width:50px;
text-align:center;
}
.list_count a:link,a:visited{
color:#ffff13;
text-decoration: none;
font-family: 微软雅黑;
}
.list_count a:hover,a:active{
text-decoration: none;
font-family: 微软雅黑;
background-color: #BE3948;
}
</style>
</head>
<body>
<h3>课程难度</h3>
<!--在此制作一个无序列表-->
<div class="list_count">
<ul>
<li><a herf="#">全部</a></li>
<li><a herf="#">初级</a></li>
<li><a herf="#">中级</a></li>
<li><a herf="#">高级</a></li>
</ul>
</div>
</body>
</html>
查看全部 -
css：文字居中：line-height的大小等于盒子的大小
查看全部 -
相同标签: 就进 覆盖原则，，查看全部
-
首页页面布局
查看全部 -
li{ width: ; }查看全部
-
块级元素占新行，查看全部
-
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>无标题文档</title>
<style>
/*在此定义相关样式*/
.newsTitle{
text-align:center;
margin:30px 0;
}
.newsInfo{
color:#666;
border-bottom:1px dotted #666;
text-align:center;
margin:30px 0;
}
.newsContent{
text-indent:2em;
line-height:25px;
}
</style>
</head>
<body>
<div class="newsBox">
<h1 class="newsTitle">慕课网获App Store强力推荐荣登四榜单</h1>
<p class="newsInfo">发布人：Admin 发布时间：2014-08-01 浏览：5321次</p>
<div class="newsContent">
<p> 8月伊始，慕课网App即获得了App Store的多个推荐，同时出现在“免费App精选”、“致毕业生”、“学而不倦”以及“轻松学编程”四个榜单中。这款IT编程学习类的App为何如此备受青睐？趣味视频课程、高清画面质感、在线离线随身学习……优质的课程内容结合良好的用户体验，慕课网App无疑是IT学习的最佳选择。</p>
<p><strong> App Store力荐慕课网荣登四榜单</strong></p>
<p>App Store因公平著称，能被其推荐是每一款App梦寐以求的荣誉，慕课网则一举占据了其四个榜单，包括精品推荐首页“合集”版块下“免费App精选”中的“新品”推荐、“合集”版块“致毕业生”中“学无止境”推荐、教育类别“合集”版块下“学而不倦”中的推荐以及“轻松学编程”版块推荐。</p>
<p align="center"><img src=" http://img1.sycdn.imooc.com//53edaa5a0001c86705000420.jpg" width="500" height="420" alt=""/></p>
<p>事实上，慕课网登上App Store榜单并非首次。早在2014年5月，慕课网就荣登App Store 精品推荐榜首，同时登上“教育”类别下“优秀新App”榜首，并获评“五月最佳”精彩App。随后，慕课网App接连出现在“致毕业生”、“免费App精选”、“夏日学堂”等榜单中。</p>
<p>从App Store的持续推荐以及“优秀”、“精选”的肯定中不难看出，慕课网在IT在线学习领域以及教育类App中得到了用户的认可。</p>
<p><strong>新功能上线持续提升用户体验</strong></p>
<p>一款好的产品同样需要不断改进来满足用户需求。慕课网App上线至今进行了多个版本的迭代，不断完善产品、提升用户体验，ios最新的2.1.0版本于7月20日更新，上线了大量新功能。</p>
<p>明确、清晰的课程分类能够让用户迅速找到感兴趣的课程，本次慕课网就上线了全新的课程分类方式，点击“全部课程”即可显示出全部的技术语言种类以及视频课程数量，全部在线课程一目了然。</p>
<p>不知道讲师在哪里？此版本更新中添加了讲师认证，不仅对讲师空间进行了认证，在课程讨论和笔记中，通过认证标识，一眼可以看到哪个是讲师回复。</p>
<p>此外，慕课网App在最新版本中调整了下拉刷新和上拉加载的效果；课程练习部分增加了习题解析；对半透化效果、全屏播放器按钮进行了优化，并新增了编程课、ps课程。一系列的改进相信能为IT学习用户带来更好的学习体验。</p>
<p>慕课网App在精品视频课程的基础上，不断优化用户体验，帮助IT学习者迅速入门、提升技能，以优秀的产品基因获得App Store的多个推荐，使更多用户有机会使用这款IT学习软件，体验学习的简单和快捷。</p>
</div>
</div>
</body>
</html>
查看全部 -
首行缩进 text-indent：2em查看全部
举报