css层叠样式表

2022-08-08 11:01:28 阅读：202 来源： 互联网

标签也叫元素
标签分行标签（行元素）和块标签（块元素）和行内块
行元素：不独占一行，设置宽高无效，继承父级属性span,i,em,strong,b,s,u,a(带display: block)
块元素：独占一行，设置宽高有效，继承父级属性h1-h6,p,div,form,ul,ol
行内块（内联块级）：不独占一行，设置宽高有效，继承父级属性input,img,table(带display: inline-block)
语义化标签：h1-h6,p,img,em,strong,a 非语义化：span,i,b,u,s
-->
<!--
css层叠样式表
1.css引入方式
-行内样式
在标签上直接写style=""<p style="color: red;"
-内嵌样式
在<head></head>标签中写<style type="text/css"></style>
-外链样式
<link rel="stylesheet" type="text/css" href="">
-引入样式
在head标签中写@import url("")
css引入方式优先级顺序行内>内嵌、外链>引入
内嵌外链那个在下面最终应用那个

2.css语法
选择器{
属性：属性值
属性1:属性值1；
属性2：属性值2；
}
选择器
1.标签选择器、元素选择其标签{}
h1{} p{} span{} a{}(div最好不要用)
2.类名选择器
通过class=""起名通过.调用<p class="qvan"></p> .调用qvan
3.id选择器
通过id=""起名通过#调用
<p id="text"></p> #text{}
*选择器优先级标签<类名<id
id起名，名称唯一
4.后代选择器
父级子级中间空格，后代隔辈
父级子级{}
p span{} .qvan span{}
5.子代选择器
父级和子级通过>链接，逐级写，不能跳级父级>子级{}
p>span>b{}

标签：层叠,父级,标签,样式表,span,选择器,css,属性
来源： https://www.cnblogs.com/mjl2004108/p/16561064.html

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

ICode9

css层叠样式表