CSS样式里加.,自定义css样式前面加

CSS中的 ,.是什么意思?

.是选择符啊,表示对应的选择器。

创新互联是一家专业提供永定企业网站建设,专注与成都做网站、成都网站制作、H5页面制作、小程序制作等业务。10年已为永定众多企业、政府机构等服务。创新互联专业网站设计公司优惠进行中。

.表示是类选择器,就是class

#表示ID选择器

还有标签选择器和行内样式。

,只是一个标点,和前面的内容隔开。

CSS样式表中.,#,各有什么含义

下面代码中:

#id_selector的意思是如果"id"等于id_selector时,这个标签的样式遵循 #id_selector后面的括号内的css样式,即“ID选择器”(本例为:边框为2像素的黑色实线)。

.class_selector的意思是如果"class"等于class_selector时,这个标签的样式遵循.class_selector后面括号内的css样式,即"类选择器"(本例为:背景色为绿色)。

下面代码中的第三个文本输入框,既有ID选择器又有类选择器,所有他有以上两种样式。

复制下面代码到你的body标签内,你就可以看到现象

style type="text/css"

/*Css Code*/

#id_selector{ border: 2px solid #000000;}

.class_selector{ background-color: green;}

/style

!--HTML code--

input id="id_selector" type="text" value="这是ID选择器"br/

input class="class_selector" type="text" value="这是类选择器"

input id="id_selector" class="class_selector" type="text" value="两个样式都用了"

css样式中......分别代表什么意思?

x{width100%} 所有的x标签的宽度为100%

.x{width100%} 所有class属性值为x的标签的宽度为100%

#x{width100%} 所有id属性值为x的标签的宽度为100%

##x{width100%} 错误的写法,不排除某一些浏览器也支持这种写法。

css样式.one.a{}和.one.b{}什么意思

一个是全局的类,可以全局定义一个类,其他使用的此类样式的标签的样式都会改变;一个是局部的类,只对局部有效,其他没有影响。

p.one{xxx}表示只对

标签下class=“one”的元素起作用;.one则表示全局都可以用,只要class=“one”的元素都起作用。

在CSS中定义样式,最好使用局部类,当网站很大的时候,这样使用可以很好的明确各自的样式,不会造成使用混乱。

css中"."是什么意思

在 CSS 语法中

.xxxxx 意思就是对象是 class=xxxxx

#xxxxx 意思就是对象是 id=xxxxx

LZ 所说的标签 HTML h1 或者 p 等等,在 CSS 语法当中的确是可以省略的

不过喜欢的话仍然可以写成

p.xxxxx 意思就是对象是 p 而且 class=xxxxx

h1#xxxxx 意思就是对象是 h1 而且 id=xxxxx

写上 HTML 标签只是增加条件而己,而没有写明对象标签,你就可以使用同样的 class 对应到任何一种 HTML 标签上面去

例如如果想 p h1 和 a 使用同样的 xxxxx 样式,就可以省略标签,在 CSS 里面写成

.xxxxx { .... }

而 HTML 里面就把 p、h1 和 a 都填上 class=xxxxx 就可以了

这样明白吗?


分享标题:CSS样式里加.,自定义css样式前面加
标题来源:http://pwwzsj.com/article/phceio.html