css教程css写在哪

 所属分类:web前端开发

 浏览:190次-  评论: 0次-  更新时间:2022-10-18
描述:更多教程资料进入php教程获得。 写css的位置:1、作为行内样式,写在HTML标签的style属性中;2、作为内嵌样式,写在head标签的style标签中...
更多教程资料进入php教程获得。

写css的位置:1、作为行内样式,写在HTML标签的style属性中;2、作为内嵌样式,写在head标签的style标签中;3、作为外联样式,写在单独的“.css”文件中,使用link标签或“@import”规则引入到HTML中。

前端(vue)入门到精通课程:进入学习
Apipost = Postman + Swagger + Mock + Jmeter 超好用的API调试工具:点击使用

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

css样式有三种:内嵌CSS样式、行内CSS样式、外部CSS样式(外联样式)。

1、行内CSS样式

在HTML的标签中使用style属性来设置css样式

格式:

<html标签 style="属性:值;属性:值;....">被修饰的内容</html标签>
登录后复制

例:

<html>
<head>
    <titile></title>
</head>
<body>
    <div style="width="100px" height="100px""></div>
</body>
</html>
登录后复制

特点:仅作用于本标签。

2、内嵌CSS样式

在head标签中使用style标签来设置css样式

格式:

<style type="text/css">
 ....css样式代码 
</style>
登录后复制

例:

<html>
<head>
    <titile></title>
    <style type="text/css">
        //在这里写CSS代码
        bdoy{font-size:14px;}
    </style>
</head>
<body>
</body>
</html>
登录后复制

特点:作用于当前整个页面

3、外部CSS样式(外联样式)

将css代码写在一个单独的“.css”文件中

1.png

用link标签或@import引入该文件到页面中

例:

<html>
<head>
    <titile></title>
    <link rel="stylesheet" href="要引入的CSS文档位置" >
</head>
<body>
</body>
</html>
登录后复制

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

以上就是css写在哪的详细内容,更多请关注zzsucai.com其它相关文章!

 标签: css,
积分说明:注册即送10金币,每日签到可获得更多金币,成为VIP会员可免金币下载! 充值积分充值会员更多说明»

讨论这个素材(0)回答他人问题或分享使用心得奖励金币

〒_〒 居然一个评论都没有……

表情  文明上网,理性发言!