CSS
的使用方式有三种：内联
<p style=""></p>
；内部样式，在
head
加入
<style></style>
定义
css
，
body
中引用；外部样式，
css
放在一个外部文件中，
head
中用
<link src="">
加载，
body
中引用和内部样式使用方法相同。
再来点基础的，
css
定义有三种：
直接标签定义如，
p{
具体风格代码
}
效果范围是
body
中所有的
p
标签；根据
ID
号定义，
#p1{
具体风格代码
}
效果范围是
body
中
id="p1"
的标
签；自定义，
.p1{
具体风格代码
}
body
中标签以
class="p1"
进行引用；
一、
CSS
的语法是比较灵活的，比如可以同时定义两个
css
名使用同一种风格，中间以逗
号分隔，如：
.
.p1
，
.p2{
具体风格代码
}
或
.p1
，
#p2,p{
具体风格代码
}
，意思为，自定义的
p1
风格，
id
号为
p2
的风格，
<p>
标签的风格。
二、
接上，也可以
.p1
，
.p2{
具体风格代码
}
.p2{
具体风格代码
}
好处是把自定义
p1
和
p2
相同的部分放在
.p1
，
.p2{
具体风格代码
}
不同部
分
.p2
再定义。
三、
前面自定义好的风格，在引用时
class="
自定义风格
"
，也给了我们充分的灵活，可以
引用多个自定义风格，以空格间隔，如：
.p1{
具体风格代码
}
.p2{
具体风格代码
}
引用时
<p class="p1 p2">
1、打开html开发软件，在html开发工具中新建一个html代码页面。2、新建一个div标签，然后给这个div添加一个class类为iconmap。
3、制作底部为尖角的圆，创建style标签，然后在该标签里面设置iconmap类样式底部为尖角的圆。
4、保存html代码，然后使用浏览器打开，即可在浏览器上看到底部为尖角的圆。
5、回到html代码页面，使用after伪类对iconmap设置一个小圆，然后使用postion把小圆放到尖角圆居中的位置。
6、页面所有代码，可以直接复制所有代码，粘贴到新建html页面保存后使用浏览器打开即可看到效果。
