css每周小结

1:对css和前端的了解

css目前学习了一些知识,知道了它就是为了视觉上,对HTML简陋的页面做些调整和修改,使得用户获得更好的视觉体验。我在B站上也看了一些视频,对前端也进行了一些了解,据up猪所讲,前端后端在不同领域的重要性也是有所不同的。市场上对前端后端的人才需求也差不多,总体来说我们前端的前期学习还是比较容易的,但是在一些构架等修改方面比后端来说要麻烦一些,而后端的学习较难,各有缺点,本来听别人说前端薪资低,待遇不如后端。现在有所了解之后知道了没有什么学哪个端好,只要你够优秀,有能力,在哪都可以得到满意的结果。

2:近期所学内容

由于近期事情比较多,所以也忘记更新了。虽然我进度比较慢,但是最近也是一直在学习着的,目前已经把选择器,div模型,ps简单使用学了一些了。我感觉最近这学的标签很多,而且很多之前的东西也都有些忘记了,我也很想赶进度,旁边的人都比我多了很多进度了。但是我还是按着自己的节奏来吧,最近事情很多,练歌,还想着要去学习,去上课,大学好累。

3:一些小代码

<html>
<head>
<title>品优购页面</title>
<style>
*{
padding:0;
margin:0;
}
.big{
border:1px solid #ccc;
width:248px;
height:163px;
margin:100px auto;
}
.title{

}

.big h3{
font-weight:400;
font-size:14px;
height:32px;
border-bottom:1px dotted #ccc;
line-height:32px;
padding-left:15px;
}
.big ul li a{
font-size:15px;
color:#666;
text-decoration:none;
}
.big ul li {
padding-left:20px;
height:23px
}
.big ul{
margin-top:7px;
}
.big ul li a:hover{
text-decoration:underline;
}
li{
list-style:none;
}

</style>
</head>
<body>
<div class="big">
<div>
<h3>
品优购快报
</h3>
<ul>
<li><a href="#">【爆款耳机五折秒!】</a></li>
<li><a href="#">【母亲节,健康好礼低至五折!】</a></li>
<li><a href="#">【爆款相机五折秒!】</a></li>
<li><a href="#">【9.9元洗100张照片!】</a></li>
<li><a href="#">【长虹智能空调立省1000!】</a></li>
</ul>

</div>
</div>
</body>
<html>
<head>
<title>体验css语法规范</title>
<style>
a {
background-color: pink;
 width:230px;
 height:40px;
text-decoration:none;
display: inline -block;
font-size:14px;
color:#fff;
text-indent:2em;
line-height:40px;
}
a:hover{background-color: #ff6700;
}
</style>
</head>
<body>
<a href="#">手机 电话卡</a>
<a href="#">电视 盒子</a>
<a href="#">笔记本 平板</a>
<a href="#">出行 穿戴</a>
<a href="#">智能 路由器</a>
<a href="#">健康 儿童</a>
<a href="#">耳机 音箱</a>
</body>
</html>

都是对盒子模型还有表格,以及链接属性的代码小应用,比较简单。

上一篇:2021/10/29 导航


下一篇:JavaScript DOM