linux怎么查看本机内存大小
227
2022-09-24
HTML和CSS实现品优购首页
HTML和CSS实现品优购首页
我的购物车 8
2、CSS部分源代码如下： （1）base部分代码如下：
/* 把我们所有标签的内外边距清零 */* { margin: 0; padding: 0; /* css3盒子模型 */ box-sizing: border-box;}/* em 和 i 斜体的文字不倾斜 */em,i { font-style: normal}/* 去掉li 的小圆点 */li { list-style: none}img { /* border 0 照顾低版本浏览器 如果 图片外面包含了链接会有边框的问题 */ border: 0; /* 取消图片底侧有空白缝隙的问题 */ vertical-align: middle}button { /* 当我们鼠标经过button 按钮的时候，鼠标变成小手 */ cursor: pointer}a { color: #666; text-decoration: none}a:hover { color: #c81623}button,input { /* "\5B8B\4F53" 就是宋体的意思 这样浏览器兼容性比较好 */ font-family: Microsoft YaHei, Heiti SC, tahoma, arial, Hiragino Sans GB, "\5B8B\4F53", sans-serif; /* 默认有灰色边框我们需要手动去掉 */ border: 0; outline: none;}body { /* CSS3 抗锯齿形 让文字显示的更加清晰 */ -webkit-font-smoothing: antialiased; background-color: #fff; font: 12px/1.5 Microsoft YaHei, Heiti SC, tahoma, arial, Hiragino Sans GB, "\5B8B\4F53", sans-serif; color: #666}.hide,.none { display: none}/* 清除浮动 */.clearfix:after { visibility: hidden; clear: both; display: block; content: "."; height: 0}.clearfix { *zoom: 1}
（2）common部分源代码如下：
（3）index部分代码如下：
.main { width: 980px; height: 455px; margin-left: 220px; margin-top: 10px;}.focus { float: left; width: 721px; height: 455px; background-color: purple;}.newsflash { float: right; width: 250px; height: 455px;}.news { height: 165px; border: 1px solid #e4e4e4;}.news-hd { height: 33px; line-height: 33px; border-bottom: 1px dotted #e4e4e4; padding: 0 15px;}.news-hd h5 { float: left; font-size: 14px;}.news-hd .more { float: right;}.news-hd .more::after { font-family: 'icomoon'; content: '\e920';}.news-bd { padding: 5px 15px 0;}.news-bd ul li { height: 24px; line-height: 24px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}.lifeservice { overflow: hidden; height: 209px; /* background-color: purple; */ border: 1px solid #e4e4e4; border-top: 0;}.lifeservice ul { width: 252px;}.lifeservice ul li { float: left; width: 63px; height: 71px; border-right: 1px solid #e4e4e4; border-bottom: 1px solid #e4e4e4; text-align: center;}.lifeservice ul li i { display: inline-block; width: 24px; height: 28px; background-color: pink; margin-top: 12px; background: url(../images/icons.png) no-repeat -19px -15px;}.bargain { margin-top: 5px;}/* 推荐模块 */.recom { height: 163px; background-color: #ebebeb; margin-top: 12px;}.recom_hd { float: left; height: 163px; width: 205px; background-color: #5c5251; text-align: center; padding-top: 30px;}.recom_bd { float: left;}.recom_bd ul li { position: relative; float: left;}.recom_bd ul li img { width: 248px; height: 163px;}.recom_bd ul li:nth-child(-n+3)::after { content: ''; position: absolute; right: 0; top: 10px; width: 1px; height: 145px; background-color: #ddd;}/* 家用电梯模块 */.box_hd { height: 30px; border-bottom: 2px solid #c81623;}.box_hd h3 { float: left; font-size: 18px; color: #c81623; font-weight: 400;}.tab_list { float: right; line-height: 30px;}.tab_list ul li { float: left;}.tab_list ul li a { margin: 0 15px;}.floor .w { margin-top: 30px;}.box_bd { height: 361px; }.tab_list_item>div { float: left; height: 361px;}.col_210 { width: 210px; background-color: #f9f9f9; text-align: center;}.col_210 ul li { float: left; width: 85px; height: 34px; border-bottom: 1px solid #ccc; text-align: center; line-height: 33px; margin-right: 10px;}.col_210 ul { padding-left: 12px;}.col_329 { width: 329px;}.col_221 { width: 221px; border-right: 1px solid #ccc;}.col_219 { width: 219px;}.bb { /* 一般情况下，a如果包含有宽度的盒子，a需要转为块级元素 */ display: block; border-bottom: 1px solid #ccc;}
（4）list部分代码如下：
/* 列表页专有的css */.nav { overflow: hidden;}.sk { position: absolute; left: 190px; top: 40px; border-left: 1px solid #c81523; padding: 3px 0 0 14px;}.sk_list { float: left;}.sk_list ul li { float: left;}.sk_list ul li a { display: block; line-height: 47px; padding: 0 30px; font-size: 16px; font-weight: 700; color: #000;}.sk_con { float: left;}.sk_con ul li { float: left;}.sk_con ul li a { display: block; line-height: 49px; padding: 0 20px; font-size: 14px; }.sk_con ul li:last-child a::after { content: '\e91e'; font-family: 'icomoon';}.sk_bd ul li { overflow: hidden; float: left; margin-right: 13px; width: 290px; height: 460px; border: 1px solid transparent;}.sk_bd ul li:nth-child(4n) { margin-right: 0;}.sk_bd ul li:hover { border: 1px solid #c81523;}
版权声明：本文内容由网络用户投稿，版权归原作者所有，本站不拥有其著作权，亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容，请联系我们jiasou666@gmail.com 处理，核实后本网站将在24小时内删除侵权内容。
相关文章
发表评论
暂时没有评论，来抢沙发吧~