【程序员笔记】常用css开发笔记

1.css选择器

class型： .类名

id型： #id名

html标签型： 标签名{ }

2. css实现层叠（简单来说就是一个浮在另一个上面）

简单层叠悬浮

3.简单搜索框css样式

记录代码，方便后期直接使用
html代码

<!--整个搜索框-->
<div id="searchbox" >
    <!--输入框-->
<input id="searchcontent"  type="text" value=""/>
        <!--按钮-->
<button id="searchbutton" </button>>
    
</div>

css代码

#searchbox {
    position:fixed; 
    top: 23px; 
    left: 64px;
    height: 36px;
    width: 360px;
    border-radius: 8px;
}

input{

    height:36px;
    width: 240px;
    font-size: 20px;
    border-radius:8px 0px 0px 8px ;
    border: none;
    text-align: center;
    float: left;
    color: grey;
   
}

button{
    position:fixed; 
    top: 23px; 
    height:38px;
    width: 60px;
    font-size: 20px;
    float: left;
    border: none;
    border-radius: 0px 8px 8px 0px;
    background: lightblue;
}

4 说几点感受

1. CSS是一门非常非常神奇的东西，很多好看的样式都是通过这个进行设定。好好学习。
2. 好好利用网络资源，代码实际上可以继续进行整理。

未完待续。。。

我是李庆文，希望我们都能做一个有趣的人。