大佬教程收集整理的这篇文章主要介绍了2.1 基本功，大佬教程大佬觉得挺不错的，现在分享给大家，也给大家做个参考。
指的是里面可以嵌套其他标签的元素
如：h1~h6 , p , div（接下来会经常用到） , ol , ul……
合理的使用行内元素会为css的引入带来极大的便利
如：
| 行内元素 | 说明 |
|---|---|
| strong | 粗体元素 |
| em | 斜体元素 |
| a | 超链接 |
| span（接下来会超级常用） | CSS的定义样式 |
id属性具有：唯一性，class属性为：“类”。
即使用方法为：
<一般标签 id="阿巴阿巴"></一般标签（即非自闭合标签）>
<一般标签 class="阿巴阿巴"></一般标签>
css相当于网页的皮肤
同时三种引入方式编译器会采用就近原则，如果有多个操作重复，就会采用最近的那个。
rel 取值固定为：styiesheet
type 取值固定为：text/css
href="文件路径"指的是css文件的位置。
<link/>外部引入标签语法：<link rel="styiesheet" type="text/css" href="文件路径"/>
<style type="text/css"> ……</style>
<div style="coloe:red"> ……</div><div style="coloe:blue"> ……</div>
如何准确的选择css要套用到的代码，以下有5种常见的方式
使用起来最为简单粗暴
使用方式：元素名{属性:属性值;属性:属性值;}
<style type="text/css"> div{coloe:red;}</style>
即，将此页面所有的div标签内容变为红色。
使用前要先给目标元素设置一个id值，可以精准的选择对象
使用方式：#元素名{属性:属性值;属性:属性值;}
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> #a1{coloe:red;} </style> </head> <body> <div>阿巴阿巴</div> <div id="a1">墨隐好帅</div> <div>墨隐超级帅</div> </body>
即第二行的文字变成红色。
使用前要先给目标元素设置一个class值，可以大范围的选择对象
使用方式：.元素名{属性:属性值;属性:属性值;}
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> .b1{coloe:red;} </style> </head> <body> <div class="b1">阿巴阿巴</div> <div>墨隐好帅</div> <p class="b1">墨隐超级帅</p> </body>
即第一行和第三行的文字变成红色。
使用方式：#块元素 子元素{属性:属性值;属性:属性值;}
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> #div p{coloe:red} #div span{coloe:blue;} </style> </head> <body> <div> <p>阿巴阿巴</p> <span>阿巴阿巴</span> </div> </body>
即第一行为红色，第二行为蓝色。
使用方式：元素名,元素名,……{属性:属性值;属性:属性值;}
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> p，span{coloe:red} </style> </head> <body> <div> <p>阿巴阿巴</p> <span>阿巴阿巴</span> </div> </body>
即第一第二行为红色。
以上是大佬教程为你收集整理的2.1 基本功全部内容，希望文章能够帮你解决2.1 基本功所遇到的程序开发问题。
如果觉得大佬教程网站内容还不错，欢迎将大佬教程推荐给程序员好友。
本图文内容来源于网友网络收集整理提供，作为学习参考使用，版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ：384754419，请注明来意。