菁英数字科技(猩码)-猩码学苑-专注软件开发人才菁英教育

标题: 王嘉乐-2022-10.20 前端 [打印本页]

作者: yousay!    时间: 2022-10-21 01:33
标题: 王嘉乐-2022-10.20 前端
一、今日学习内容

1./* ✧⁺˚⁺ପ(๑・ω・)੭ु⁾⁾ 好好学习天天向上 */

块:h1-h6   p  div  ul  li  ol
行:a strong  b  em i   del  span
行内块:img input td
嵌套 over:hidden
背景图片占满整个背景:(background-size:cover)
/* 编写重构页面样式文件 */
/* base.css文件的目的:将网页中常用号的样式编写后导入页面,达到对网页基本样式进行重构的目的 */
* {
    margin: 0;
    padding: 0;
}

em,
i {
    font-style: normal;
}
input {
    outline: none;
}
li {
    list-style: none;
}

img {
    /* 为了照顾低版本浏览器,有些浏览器的链接标签内加img标签,会有边框 */
    border: 0;
    vertical-align: middle;
}

a {
    text-decoration: none;
    color: #666;
}

button {
    cursor: pointer;
}

.clearfix:after {
    visibility: hidden;
    clear: both;
    display: block;
    content: ".";
    height: 0;
}
/* 定义版心 */
.w {
    width: 1200px;
    margin: 0 auto;
}

body {
    background-color: #f5f5f5;
    font: 12px/1.5 'Microsoft YaHei', 'Heiti SC', tahoma, arial, 'Hiragino Sans GB', \\5B8B\4F53, sans-serif;
    color: #666;
}
头脚放在公共css里面
全身都用放在base里面
身子放在index里面
list 搞一个相对应的list.css文件方便查找修改
二。今日遇到问题。
三今日解决。











欢迎光临 菁英数字科技(猩码)-猩码学苑-专注软件开发人才菁英教育 (http://www.xingmaxueyuan.com/) Powered by Discuz! X3.4