建议下载WinRAR解压,解压软件可能有问题,我用7z和winzip都不行,下了个WinRAR就解压成功了(先解压575e7d4d0001e00a00000000,然后根据提示选择里一个压缩包)
你的reset.css和老师的不一样
添加 a{ display: block;},解决在同一行的问题
对于a标签,浏览器有默认颜色样式
在common.css里,自定义a标签的颜色样式就好
不用去掉href属性,老师最后一个完全是忘了加
老师的课程,只是为了说明怎么更清晰地写页面,行距是有些不一样,不用太在意
这个是自定义的样式,应该不会自动弹出提示。
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <link rel="stylesheet" href="css/reset.css"/> <link rel="stylesheet" href="css/common.css"/> <link rel="stylesheet" href="css/index.css"/> </head> <body> <div class="public-header"> <div class="public-container"> <div class="header-logo"><a href="img"></a> </div> <ul class="header-nav"> <li class="item"><a href="">Our Story</a> </li> <li class="item"><a href="">Menu</a> </li> <li class="item"><a href="">Reservations</a> </li> <li class="item"><a href="">News</a> </li> <li class="item"><a href="">Rviews</a> </li> </ul> </div> </div> <div class="index-banner"></div> <div class="public-container index-list"></div> <div class="public-container index-panel"> <div class="index-panel-header">Featured Dishes</div> </div> <div class="public-container index-panel"> <div class="index-panel-header">The Gallery</div> </div> <div class="public-footer"> <div class="public-container"> <div class="footer-col"> <p>New York Restaurant<br>3926 Anmoore Road<br> New York, NY 10014<br><a href="tel 718-749-1714">718-749-1714</a></p> </div> <div class="footer-col"> <p>France Restaurant<br>68, rue de la Couronne<br>75002 PARIS<br>02.94.23.69.56</p> </div> <div class="footer-col"> <a href="">Blog</a> <a href="">Careers</a> <a href="">Privacy Policy</a> <a>Contact</a> </div> <div class="footer-col"> <div class="footer-logo"></div> <div class="footer-info">© All Rights Reserved 2014.<br>Find More at Pixelhint.com</div> </div> </div> </div> </body> </html>
压缩包没有问题,只不过运用的是压缩包分卷技术,先解压575e7d100001719300000000.rar,解压中途他会提示需要下一压缩分卷,你就选择另一个压缩包就可以了。
https://space.bilibili.com/12288162/#!/ B站上我已经讲了一些 你可以看下
都差不多,block是块级元素,table是块级表格,前后都有换行符。
after就是在后面清除浮动,使后面的元素不受浮动影响;当然你也可以选择在本元素清除浮动,那就是清除前面元素的浮动;我们制作网页肯定是从上至下,从前往后吧,一开始就设定好,免的以后做后面时忘了,这样是不是显得更有条理。这优与劣还是习惯吧,你觉得怎么好就怎么来,清除浮动的方法不止一种,达到目的就行
还有我
字体默认样式
"Helvetica Neve",Helvetice,Arial,sans-serif
都换了,然并卵
HTML有一些初始值,当我们不需要时,就可以把它写空。
把其中一个文件名改成575e7d4d0001e00a00000001就好
直接写background:red 不需要#
相当于添加一个空div,利用css的clear:both清除浮动,让父级div能自动获取到高度(有些不含包裹属性的div内部有浮动元素时,父级div的高度会塌陷,不符合实际要求),请参考
:after伪类+content 清除浮动的影响
http://www.zhangxinxu.com/wordpress/2010/09/after%E4%BC%AA%E7%B1%BBcontent%E5%86%85%E5%AE%B9%E7%94%9F%E6%88%90%E5%B8%B8%E8%A7%81%E5%BA%94%E7%94%A8%E4%B8%BE%E4%BE%8B/
不常用这个,一般就用ws。
我觉得解决办法应该有两个:
一、复制常用font-family到记事本,用哪个复制那个。
二、找sublime插件,这个我就不太清楚了。
在.clearfloat后面定义一个块级属性,内容为空,行高为0,不可见,清除浮动,用来撑起父元素,防止父元素高度为0
你指的是视频文字看不清吗?试着缩小浏览器窗口,按''ctrl''+"-"
这个和用clear:both原理一样,只是如果你用clear:both的话,要在每个需要清除浮动的下面都写一个div,然后给这个div设置clear:both,是不是很麻烦?after的作用是在元素的最后面添加一个元素,你可以设置这个元素的css样式,里面的height,visibility,display只是为了让这个添加的元素不可见,真正起作用得还是clear:both,content是设置after的内容,为空就是为了不显示任何东西。。。如果你想搞清楚得话可以百度after就知道了。
现在是没有问题的,时间2016/12/10
张鑫旭 老师
命名的不同?
张鑫旭
张鑫旭
有些浏览器,比如IE,对img默认是加上蓝色(也有说黑色)外边框,这样看起来会很难看,所以一般都要重置样式。
不只是img,css其他的元素也需要在刚开始设置样式时重置样式,然后自定义,这样就不会受浏览器默认样式的困扰了。
百度下有相关的主题
tab
《深入理解css 行高》,只听到了这个,视频里说的是张的博客
<link rel="stylesheet" href=".../CSS/reset.css" type="text/css" />
<link rel="stylesheet" href=".../CSS/common.css" type="text/css" />
<link rel="stylesheet" href=".../CSS/index.css" type="text/css" />
<script type='text/javascript' src='.../js/reset.js'></script>
<script type='text/javascript' src='.../js/common.js'></script>
<script type='text/javascript' src='.../js/index.js'></script>