发表于: 2019-10-15 19:43:16

1 1031



今天完成的事情:

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。



返回列表 返回列表
评论

    分享到