CSS常用样式有哪些-创新互联-乐山大橙子建站

这里有您想知道的互联网营销解决方案

CSS常用样式有哪些-创新互联

这篇文章主要为大家展示了“CSS常用样式有哪些”，内容简而易懂，条理清晰，希望能够帮助大家解决疑惑，下面让小编带领大家一起研究并学习一下“CSS常用样式有哪些”这篇文章吧。

专注于为中小企业提供成都网站设计、成都网站制作、外贸网站建设服务,电脑端+手机端+微信端的三站合一,更高效的管理,为中小企业阜南免费做网站提供优质的服务。我们立足成都，凝聚了一批互联网行业人才，有力地推动了近千家企业的稳健成长，帮助中小企业通过网站建设实现规模扩充和转变。

1、CSS

层叠样式表，用于对页面进行美化。

在HTML中的方式有三种：元素内联、页面嵌入、外部引入。

(1)、元素内联：对其特定标签的样式进行设置；

(2)、页面嵌入：在其中写入样式，对其整个页面内的标签均可设置；

(3)、外部引入：就是写到了一个文件中(.css)，对需要这种样式时引入文件即可。

2、常见样式

(1)、标签选择器

含义：其后出现的所有这种标签都是这种样式

div{
    color: red;
}

(2)、class选择器

.logo{
    background-color: red;
    font-size: 18px;
    border: 1px;
}

后面调用：

(3)、id选择器

注意：每个标签的id号是唯一的。

#logo{
    background-color: red;
    font-size: 18px;
    border: 1px;
}

后面调用：

(4)、关联选择器(以空格分开)

div p{
    
}

后面调用：
 :就是div标签下面的p标签是这个样式

(5)、组合选择器(以,分开)

p, div{
    color: red;
}

：后面出现p/div标签的都是这个样式

(6)、属性选择器

input[type = 'text']{

}

使用：凡是出现input标签中带有type='text'的都使用这个样式

(7)、需要注意的：

关于以上样式的完整代码：




    
        页面一

123

/////////////////////////////////////////////////////////////////////////// 页面一

p标签

div标签

a标签

p标签

3、背景图片

(1)、原生的引入图片

   #双引号中写的是当前路径下的图片

(2)、背景图片的引入：background;

注意：使用background时，要注意将背景图片放到盒子中，就是必须指明宽、高。

运行结果

CSS常用样式有哪些

4、边框

border：线的宽度实/虚(solid/dotted) 颜色；后面可以设置边框的宽度和高度;

margin：与外边框的距离；里面的边框相距外边框的距离;

padding：与内边框的距离；里面的文字距离自己里面边框的距离;




    
        
        页面一

页面一不会出现的内联标签块级标签

页面一小手 1 2 3 4 #可以自定义形式(小图标)

页面一

div1 div2 #解决子标签有float,还能使用父标签样式的方法2

页面一

IP	编辑
11.11.11.11	删除
11.11.11.12	删除

提示

确定要删除吗?