天天看点

蜗牛学院 第三天 CSSspantext{

第三天 重点CSS

css是对样式的统一规范设置,样式就是一些属性值的设置,比如:font:字体颜色,字体,字体大小。之前是

表格属性:背景颜色、内容居中、边框。之前是

css样式有三种方式:

第一种方式:

1、内联样式:在标签(任意标签)中,使用style=”写样式,多个样式中间用分号分隔”;

2、内部样式:在与标签之间增加一个标签

样式信息;

3、外部引用:新创建一个css文件,然后再html文件中进行引用该css样式,

第一种:内联样式;

第二种:内部样式

涉及到:css选择器:

1)id选择器:#选择器名称{

css样式属性;

} 这部分内容写在之间;

在下面标签中去引用上面写的css属性,使用的方式是id=”选择器名称”;

举例:要求,文字处理为红色,字体大小为24px,字体为楷体

并且使用内部的方式:

spantext{

color:red;

font-size:24px;

font-family:楷体;

}

文字处理

class选择器:

在之间的,并且以 .选择器名称{

css样式

}

在标签中引用:

class=”选择器名称”;

.spantext{

font-size:24px;

color:red;

font-family:楷体;

}

标签选择器:跟标签名一致就可以,只要在body下面遇到了这个标签,就会把css属性赋值上去。

格式:标签名{

css属性值;

}

举例:

td{

border:1px red solid;

}

组合选择器:多种选择器一起使用,一般都是class选择器和标签选择或者id选择器和标签选择器,

区块链 AI 大数据 Python .net javascript

ID选择器 #名称

.名称

标签选择器 标签名称.

标签

Class 选择器 .名称

Class=