发表于: 2019-10-15 19:43:16
1 1032
今天完成的事情:
1.优化官网页面的代码,如内外间距、布局等细节。
1.引入了基础样式重置,按照我的理解把官网头部、身体和脚部css拆了出来。
明天计划的事情:
1.继续推进任务。并加快进度。
遇到的问题:
1.css的重置样式的出现,是因为市面上有很多的浏览器,各个浏览器的默认样式是不同的,于是可以通过css的样式重置把各个浏览器的默认样式初始设定为一致,方便操作。
@charset "utf-8";
html, body, div, span, applet, object, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font: inherit;
font-weight: normal;
vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
display: block;
}
ol, ul, li {
list-style: none;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
content: '';
}
table {
border-collapse: collapse;
border-spacing: 0;
}
th, td {
vertical-align: middle;
}
/* custom */
a {
outline: none;
color: #16418a;
text-decoration: none;
-webkit-backface-visibility: hidden;
}
a:focus {
outline: none;
}
input:focus, select:focus, textarea:focus {
outline: -webkit-focus-ring-color auto 0;
}
收获:
1.今天做的事有限。因为一直在拉肚子。。以为挺得住就没有请假。
2.引入了css的重置样式。把官网三个页面公共部分的css拆了出来用link引入到3个html。
3.明日加快进度补上今天的内容。争取早点进js。
评论