首先说css的样式表,分为内部样式,行内样式和外部样式,直接说个结论,三者的优先级是行内样式大于其余二者,这个是按照执行顺序判定的,如果是外部样式表的话,需要通过link调用,而一般调用的内容会放在最上面部分,所以一般来说外部样式的权重最低,因为外部样式是我们另外定义一个css文件,在这个css文件中写我们要修饰的内容,然后再在html文件中调用。其次是内部样式表,在html文件头部标签里写一个style标签,里面写我们要修饰的选择器,按照执行顺序来说他是在外部选择器下面的,所以执行时权重要大于外部样式,最后的就是行内样式了,行内样式顾名思义就是在对应行代码中写的,其实写法也是在对应标签里写一个style标签,里面写我们修饰的内容,因为是在最后执行对应代码的时候才会执行到行内样式,所以行内样式的权重是最大的。
而三者之间的一个使用情况是这样的,通常来说,最常用的应该是外部样式表了,因为他是单独定义了一个页面,代码上来说更清晰明了,且,他可以装饰的内容也更多一些,比如说我们html页面中定义了多个p标签,那么我们直接给外部样式表中指定对p标签的内容进行修饰,那么修饰的就是这多个p标签,如果在内部样式的话也可以实现这么一个功能,但是使用内部样式弊端在于结构与样式的内容都在同一个页面内,如果是少部分修饰的话还好,若是通篇修饰,那么代码量会比较大,拖动麻烦,不清晰;最后是行内样式,他的弊端就很明显了,结构与样式不但没有分离开,且每次都只能修饰对应的一个标签,即使是