H5笔记——CSS的三种样式

CSS:层叠样式表,控制HTML标签的样式,在美化网页中起到非常重要的作用,编写的格式是键值对形式的。
CSS有三种样式:行内样式,页内样式,外部样式。

行内样式

行内样式:直接在标签的style属性中书写。我通过div标签(容器标签)和p标签(段落标签)来展示。如下代码:
设置边框时,dashed是虚线的效果,如果要设置成实线,可以改为solid




    
    行内样式


    
我是容器标签

我是段落标签

显示效果如下:

H5笔记——CSS的三种样式_第1张图片
Paste_Image.png
页内样式

页内样式是把样式放在里面,在网页的style标签中书写。如下代码:分别设置了字体颜色、字体大小、背景颜色、边框。




    
    页内样式
    


    
我是容器标签
我是容器标签
我是容器标签
我是容器标签
我是容器标签

我是段落标签

我是段落标签

我是段落标签

我是段落标签

我是段落标签

我是段落标签

显示效果如下:


H5笔记——CSS的三种样式_第2张图片
Paste_Image.png
外部样式

外部样式:顾名思义是把这些标签的style属性写到外部的css文件中,在网页中引用。创建一个css文件,通过stylesheet来引用。

H5笔记——CSS的三种样式_第3张图片
Paste_Image.png



    
    外部样式
    
    


    
我是容器标签
我是容器标签

我是段落标签

我是段落标签

显示效果如下:


H5笔记——CSS的三种样式_第4张图片
Paste_Image.png

你可能感兴趣的:(H5笔记——CSS的三种样式)