• 技术文章 >web前端 >前端问答

    css样式有哪几种类型

    青灯夜游青灯夜游2021-04-08 19:02:19原创122

    CSS样式有三种类型:1、行内样式(内嵌样式),使用style属性直接把CSS代码添加到HTML的标记中;2、内部样式(内联样式),把css样式写在style标签中;3、外部样式(外联样式),将css样式写在一个单独的“.css”文件内。

    本教程操作环境:windows7系统、CSS3&&HTML5版、Dell G3电脑。

    CSS样式主要包含以下三种类型:

    1、行内样式(内嵌样式):结构的内部,即写在标签内的样式;写在标签的开始部分内部,style属性当中。

    例:

    <标记 style="样式的属性名1:样式的属性值1;属性名2:属性值2;......"></标记>

    优点:

    缺点:

    2、内部样式(内联样式):写在HTML页面内部,存放于head标记当中,样式写在style标记内。

    例:

    <style>选择器 {属性名:属性值;属性名:属性值;......}</style>

    优点:跟行间样式表相同不会产生额外的请求,且它初步实现了结构与样式的分离,比较适合单页面网站应用。

    缺点:由于内部样式表是写在 HTML 文件中的,导致页面不纯净、文件体积大、不利于网络爬虫获取信息、不利于维护、页面之间无法共享样式

    3、外部样式(外联样式):写在css文件内。

    然后在页面中通过<link>链接标记链接到页面中,而且该链接语句必须放在页面的<head>标记区。

    例:

    <link type="text/css" rel="stylesheet" href="css/main.css" />

    优点:

    缺点:

    (学习视频分享:css视频教程

    以上就是css样式有哪几种类型的详细内容,更多请关注php中文网其它相关文章!

    本文原创发布php中文网,转载请注明出处,感谢您的尊重!
    专题推荐:css
    上一篇:css定位方式有哪几种 下一篇:css3新增选择器有哪些
    第15期线上培训班

    相关文章推荐

    • css怎么去掉属性• css怎么让高度自适应• CSS如何设置html table表格边框样式• css垂直居中的方法有哪些• css如何制作圆

    全部评论我要评论

  • 取消发布评论发送
  • 1/1

    PHP中文网