博客列表 >CSS标签选择小记

CSS标签选择小记

MArtian
MArtian原创
2019年10月31日 16:04:44741浏览

1.引用css的方法有3种:

   1. HTML页面内部使用 <style></style>,该方法只对一个HTML文件生效
   2. <head>标签头部调用 <link rel="stylesheet" href='style.css'>
   3. @import调用 import url('style.css'),@import可以在<style>标签,或者.css文件第一行使用

2.CSS选择器的使用中,优先级尤为重要,顺序依次为:

<div style="">行内样式 > #id选择器 > 类选择器,属性选择器,伪类选择器 > 伪元素选择器,标签选择器

3.在一个标签元素被多个样式选择时,按照优先级来决定最终效果,如果选择器级别相同,那么按照代码的优先顺序决定结果。
例如: 4.上下文选择器,~ 和 + 可以按照[兄][弟]来理解,并不包含[兄]元素本身,生效的是[兄]元素之后[弟]的元素


声明:本文内容转载自脚本之家,由网友自发贡献,版权归原作者所有,如您发现涉嫌抄袭侵权,请联系admin@php.cn 核实处理。
全部评论
文明上网理性发言,请遵守新闻评论服务协议