html基础-CSS

1.id选择器

专业领域包括成都做网站、网站建设、电子商务商城网站建设、微信营销、系统平台开发, 与其他网站设计及系统开发公司不同,创新互联的整合解决方案结合了帮做网络品牌建设经验和互联网整合营销的理念,并将策略和执行紧密结合,为客户提供全网互联网整合方案。

#id1{
    backgroud-color:
}
1

2.类选择器

.c1{
    backgroud-color:
}
1

3.标签选择器

div{
    backgroud-color:
}
1

4.层级选择器

div div{#div下的div
    backgroud-color:
}
1

5.组合选择器

.c1,.c2,.3{
    backgroud-color:
}
1
2
3

6.属性选择器

.c1[type="text]{
    backgroud-color:
}

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重用

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

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

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

{
}

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属性

html基础-CSS


网页标题:html基础-CSS
文章源于:http://bzwzjz.com/article/jjeoso.html

其他资讯

Copyright © 2007-2020 广东宝晨空调科技有限公司 All Rights Reserved 粤ICP备2022107769号
友情链接: 网站建设 外贸营销网站建设 LED网站设计方案 成都网站建设 泸州网站建设 成都网站设计制作公司 网站设计制作报价 定制网站设计 企业网站建设 成都网站建设公司 专业网站建设 成都响应式网站建设 成都定制网站建设 企业网站建设 成都网站制作 高端品牌网站建设 成都网站制作 手机网站制作设计 网站建设公司 成都网站设计 网站制作公司 手机网站建设