通过JS可以直接调用一个CSS样式表名来对HTML元素进行外观设置吗?

html-css011

通过JS可以直接调用一个CSS样式表名来对HTML元素进行外观设置吗?,第1张

可以的,例子如下:

#div1 {

width: 200px

height: 200px

background-color: red

}

#div1.aa {

border-radius: 50%

background-color: #000

}

<div id="div1"></div>

js部分可以用:

obj.className = 'aa' 这样就可以将aa的样式加到div上了。

写css样式的时候需要注意的是,由于id的优先级高, 所以如果想在class里覆盖id里的样式,需要给#div1.aa写样式。

有两种方式

1、在head标签之间添加style标签

2、直接在HTML代码里添加style属性,然后在属性里定义css代码

3、也可以将1中的style标签里的内容放到一个css文件里,然后在html页面引用这个文件也是一样的效果

<link href="css文件路径" rel="stylesheet"> <!--这样就可以了,尽量代码简洁-->

4、下面是我的HTML代码

你用的是标签,你只想让文本框有边框那就用类选择符啊。

.input{

border:1px red solid

}

...

<input type="text" name="input" class="input"/>

只用就行了。