html基础-CSS-创新互联

1.id选择器

专业从事网站建设、网站制作,高端网站制作设计,重庆小程序开发,网站推广的成都做网站的公司。优秀技术团队竭力真诚服务，采用H5网站设计+CSS3前端渲染技术，成都响应式网站建设公司，让网站在手机、平板、PC、微信下都能呈现。建站过程建立专项小组，与您实时在线互动，随时提供解决方案，畅聊想法和感受。

#id1{
    backgroud-color:
}
<div id="id1">1</div>

2.类选择器

.c1{
    backgroud-color:
}
<div class="c1">1</div>

3.标签选择器

div{
    backgroud-color:
}
<div>1</div>

4.层级选择器

div div{#div下的div
    backgroud-color:
}
<div>
    <div>1</div>
</div>

5.组合选择器

.c1,.c2,.3{
    backgroud-color:
}
<div class=“c1”>1</div>
<div class=“c2”>2</div>
<div class=“c3”>3</div>

6.属性选择器

.c1[type="text]{
    backgroud-color:
}
<input type="text" />
<input type="password"/>

7.属性
7.1边框

border{
1px solid #ff6600  #dotted
}

7.2.float

{
float:left;
float:right;
clear:both;#清除浮动
}

7.3.display

{
#块级标签和行内标签切换
display:inline;#转为行内
display:block;#转为块级
#行内标签无法设置宽度和高度,margin,padding
display:inline-block; 
display:none;#标签消失
}

7.4.padding margin

{
margin:外边距
padding:内边距
}

7.5.text-align

#文字对齐
{
text-align:center;
}

7.6 height,width,line-height

{
height:100px;
width:20%;
line-height:20px;
}

7.7.font

{
font-size:20px;
font-weight:700;
}

8.定义整体宽度

body{
   width:980px;
    margin:0 auto;
}

9.css重用

<style>
.c{
    重用
}
.c1{
    独有
}
.c2{
    独有
}
<div class="c c1"></div>#应用c和c1的样式
<div class="c c2"></div>#应用c和c2的样式
</style>

10.自适应media

@media (min-width: 992px){

}

11.position
11.1.position:fixed;固定模块

{
position:fixed;
top:0;
left:0;
bottom:0;
right:0;
}

11.2.position:absolute;#绝对定位

{
position:absolute；
}

11.3.position：relative+absolute

<div >
    <div >11</div>#可以控制内部div相对于上层div移动
</div>

11.4.z-index控制显示层级,越大越往上

{
<div ></div>
}

12.opaciy透明度

{
opacity:0.3;
}

13.overflow内容超出隐藏或呈现滚动条

{
    overflow:hidden;
    overflow:auto
}

14.:hover用于鼠标悬浮后样式改变
15.background-img，background-repeat，background-position-x,background-position-y使用

#使用了postion，background，display属性
<div >
    <input type="text"  />
    <span ></span>
</div>

另外有需要云服务器可以了解下创新互联scvps.cn，海内外云服务器15元起步，三天无理由+7*72小时售后在线，公司持有idc许可证，提供“云服务器、裸金属服务器、高防服务器、香港服务器、美国服务器、虚拟主机、免备案服务器”等云主机租用服务以及企业上云的综合解决方案，具有“安全稳定、简单易用、服务可用性高、性价比高”等特点与优势，专为企业上云打造定制，能够满足用户丰富、多元化的应用场景需求。

分享名称：html基础-CSS-创新互联
当前URL：https://www.cdcxhl.com/article28/djjijp.html

成都网站建设公司_创新互联，为您提供关键词优化、网站设计、动态网站、建站公司、外贸建站、网站排名

广告

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源： 创新互联