first commit

历届学生/font-end-nine/项目练习/学生项目/张婷/作业/2022-6.2~6.4css网页/Baidu.css

@@ -0,0 +1,148 @@
+
+.head{
+    width: 1190px;
+    margin: 0 auto;
+}
+
+.up{
+    overflow: hidden;
+    height: 46px; 
+    margin-bottom: 8px;
+    width: 100%;
+}
+.up img{
+    width: 128px;
+    height: 40px;
+    float: left;
+}
+
+.search{
+    float: left;
+    overflow: hidden;
+}
+
+
+.together{
+    margin-left: 16px;
+    float: left;
+    display: inline-block;
+    border: 2px solid #4662d9;
+    border-radius: 8px 0 0 8px;
+    border-right: none;
+}
+
+.des{
+    float: left;
+    overflow: hidden;
+    display: inline-block;
+    height: 39px;
+    line-height: 39px;
+}
+.des span{
+    float: left;
+    color: #9195a3;
+    font-size: 12px;
+    padding-left: 14px;
+    padding-right: 3px;
+}
+.des i{
+
+    float: left;
+    font-size: 12px;
+}
+
+.search input{
+    float: left;
+    border: none;
+    outline: none;
+    padding: 10px 33px 10px 15px;
+    width: 400px;
+    font-size: 16px;
+    color: #9195b8;
+}
+.search input:focus{
+    border: none;
+    outline:none;
+}
+.point{
+    float: left;
+    width: 18px;
+    height: 18px;
+    border-radius: 20px;
+    font-size: 12px;
+    background-color: #FC561F;
+    text-align: center;
+    line-height: 18px;
+    color: white;
+    margin-top: 9px;
+    margin-right: 12px;
+}
+.search button{
+    float: left;
+    font-size: 17.5px;
+    background: #4E6EF2;
+    color: #fff;
+    border: 2px solid #4662d9;
+    border-radius: 0 8px 8px 0;
+    border-left: none;
+    padding: 8px 24px 8px 24px;
+}
+
+.other{
+    float: left;
+}
+.other li{
+    font-size: 12px;
+    list-style: disc;
+    margin-left: 42px;
+    width: 120px;
+    color: #999;
+    margin-top: 8px;
+}
+
+
+/* 更改圆点大小伪类选择器 */
+.other li::marker{
+    font-size: 18px;
+    background-color: #999;
+}
+
+.other li:hover{
+    color: crimson;
+    text-decoration: underline;
+}
+
+.down{
+    overflow: hidden;
+    width: 669px;
+    margin-left: 160px;
+}
+.down ul{
+    float: left;
+    width: calc(100% - 16px);
+    
+}
+.down li{
+    color: #333;
+    font-size: 13px;
+    float: left;
+    margin-right: 18px;
+}
+.down i{
+     float: left;
+ }
+
+
+.down li > p{
+     display: inline-block;
+ }
+
+.down li > p:nth-child(2){
+    background-color: #FF455B;
+    width: 16px;
+    height: 16px;
+    border-radius: 4px;
+    color: #fff;
+    text-align: center;
+    line-height: 16px;
+ }