CSS优先级、HTTP响应状态码
CSS优先级
优先级:看CSS的来源、样式引入方式、选择器、源码顺序。
行内样式/内联样式:直接在HTML元素的style属性中编写CSS样式。这种方式适用于少量样式的情况,但不推荐在大规模开发中使用,因为它会使HTML文件变得冗长和难以维护。
来源:用户important>用户样式>浏览器样式
样式引入方式:内联样式>内部样式表>外部样式表
内部样式表:将CSS代码直接写在HTML文件的<head>标签内的<style>标签中。这适用于仅适用于单个HTML文件的样式,但不推荐在多个页面中重复使用。
外部样式表:将CSS代码保存在独立的.css文件中,并在HTML文件的<head>标签内使用<link>标签将其链接到网页中。这是最常用和推荐的方式,它允许在多个页面之间共享相同的样式,提高代码的可维护性和重用性。
选择器优先级规则:
!important>内联>id>class = 属性 = 伪类 >标签 = 伪元素 > 通配符 *
选择器优先级是看优先级更高的选择器个数,只要更高级别的个数更多,不管更低级别有多少个,都是高级别优先。
源码顺序:
HTTP响应状态码
HTTP 响应状态码 - HTTP | MDN
具体细节可以看MDN的HTTP响应状态码,这里只截图一些比较常用的状态码: