csstext文本属性和引用方式

代码示例：

运行界面：

CSS引入方式

分为三类：行内样式表（行内式）、内部样式表（内嵌式）、外部样式表（链接式）

• 行内样式表：

位置：直接写在元素的开始标签中。

特点：书写内容少，权重级别高，只能控制一个标签，结构样式混乱。

语法：style=”color: red;”

注意：多个属性之间使用空格分隔。

代码示例：

行内样式表：在使用属性的元素开始标签中直接设置属性。如给字体设置红色属性。

行内样式表：在使用属性的元素开始标签中直接设置属性。如给字体设置红色属性和字体28px。

• 内部样式表（内嵌式）

位置：在head标签下，和title标签并列。样式属性均包含在style标签中。

特点：部分结构与样式相分离，还是在同一html文件上。

语法：

代码示例：

• 外部样式表（链接式）

第一步：创建index.css文件，在文件中输入样式属性，不用任何标签。

第二步：在html文件的head标签中，添加link标签，引入css文件。

第三步：给html文件中需要添加属性的元素添加选择器名称。

特点：结构和样式全局分离，一个css文件可以控制多个html页面。

注意：在css文件中只有样式没有标签，即直接书写标签器和属性，不要写style标签。

代码示例：

第一步：新建index.css文件，设置样式属性。

* {    margin: 0;    padding: 0;}.linC {    font-size: 32px;    color: blue;}

第二步：在html文件的head标签中添加link标签引用css文件。

第三步：在标签中调用属性。

运行界面：

以上就是今天学习的内容，明天继续学习CSS的相关内容，今天就到这里了！

本文地址：IT问答频道 https://www.hkm168.com/itwenda/903341_2.html，易企推百科一个免费的知识分享平台，本站部分文章来网络分享，本着互联网分享的精神，如有涉及到您的权益，请联系我们删除，谢谢！