(大家好,今天我们将继续来学习CSS引入方式的相关知识,大家可以在评论区进行互动答疑哦~加油!💕)
按照CSS样式书写的位置(或者引入方式),CSS样式表可分为三大类:
内部样式表(内嵌样式表)是写到HTML页面内部,是将所有的CSS代码抽取出来,单独
放到一个<style>标签中。
<style>
div{
color: red;
font-size: 12px;
}
</style>
代码:
<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>CSS之引入内部样式表</title><style>div {color: pink}</style>
</head>
<body><div>所谓内部样式表,就是在html页面内部写样式,但是单独写到style标签内部</div>
</body>
</html>
行内样式表(内联样式表)是在元素标签内部的style属性中设定CSS样式。适合于修改简单样式。
<div style="color: red; font-size: 12px;"> 中国人 </div>
代码:
<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>CSS之引入行内样式表</title>
</head>
<body><p>我不过 想亲手触摸</p><p>弯过腰的每一刻</p><p>留下的 湿透的脚印 是不是值得</p><p>这哽咽 若你也相同</p><p>就是同路的朋友</p><p>致所有 顶天立地却 平凡普通的</p><p>无名的人啊 我敬你一杯酒</p><p>敬你的沉默 和每一声怒吼</p><p>敬你弯着腰 上山往高处走</p><p style="color: red;">头顶 苍穹 努力地生活</p>
</body>
</html>
引入外部样式表分为两步:
<link rel="stylesheet" href="css文件路径">
属性 | 作用 |
rel | 定义当前文档与被链接文档之间的关系,在这里需要指定为"stylesheet"表示被链接的文档是一个样式表文件 |
href | 定义所链接外部样式表文件的URL,可以是相对路径,也可以是绝对路径 |
使用外部样式表设定CSS,通常也被称为外链式或链接式引入,这种方式是开发中常用的方式。
1.新建一个后缀名为.CSS的样式文件
代码: (CSS)
div {color: red;font-style: italic;
}
2. 在HTML页面中,使用 <link> 标签引入这个文件
代码:(HTML)
<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>CSS之引入外部样式表</title><link rel="stylesheet" href="style.css"
</head>
<body><div>这哽咽 若你也相同,就是同路的朋友,致所有 顶天立地却 平凡普通的</div>
</body>
</html>
3.预览
样式表 | 优点 | 缺点 | 使用情况 | 控制范围 |
行内样式表 | 书写方便,权重高 | 结构样式混写 | 较少 | 控制一个标签 |
内部样式表 | 部分结构和样式相分离 | 没有彻底分离 | 较多 | 控制一个页面 |
外部样式表 | 完全实现结构与样式相分离 | 需要引入 | 最多 | 控制多个页面 |
(今日分享暂时到此为止啦!为不断努力的自己鼓鼓掌吧。今日文案分享:所有的苦难与背负尽头,都是行云流水般的此世光阴。)
本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.hqwc.cn/news/596039.html
如若内容造成侵权/违法违规/事实不符,请联系编程知识网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!玻璃钢生产厂家嘉兴玻璃钢商场美陈玻璃钢茶壶雕塑徐州玻璃钢广场雕塑厂家批发无锡玻璃钢卡通雕塑品牌上海玻璃钢雕塑摆件厂家直销洛阳节日商场美陈北京室内商场美陈研发玻璃钢室外抽象雕塑定做儿童商场创意美陈呼和浩特玻璃钢雕塑杞县制作玻璃钢雕塑报价电话人物雕塑玻璃钢西部牛仔雕塑玻璃钢雕塑临沂厂家美陈玻璃钢卡通雕塑供应商景观小品玻璃钢玫瑰花雕塑北京中庭商场美陈研发公司三水玻璃钢人物雕塑太原景观玻璃钢雕塑优势乐山玻璃钢卡通雕塑报价德州马雕塑玻璃钢仿真玻璃钢雕塑设计厂家玻璃钢异形雕塑造价通渭玻璃钢雕塑哪家好浙江玻璃钢雕塑厂家湛江卡通蟹老板玻璃钢雕塑四川大型商场美陈哪里有广东佛像玻璃钢雕塑订做价格玻璃钢雕塑利润空间玻璃钢雕塑变形开裂怎么处理宜宾玻璃钢仿铜雕塑厂家香港通过《维护国家安全条例》两大学生合买彩票中奖一人不认账让美丽中国“从细节出发”19岁小伙救下5人后溺亡 多方发声单亲妈妈陷入热恋 14岁儿子报警汪小菲曝离婚始末遭遇山火的松茸之乡雅江山火三名扑火人员牺牲系谣言何赛飞追着代拍打萧美琴窜访捷克 外交部回应卫健委通报少年有偿捐血浆16次猝死手机成瘾是影响睡眠质量重要因素高校汽车撞人致3死16伤 司机系学生315晚会后胖东来又人满为患了小米汽车超级工厂正式揭幕中国拥有亿元资产的家庭达13.3万户周杰伦一审败诉网易男孩8年未见母亲被告知被遗忘许家印被限制高消费饲养员用铁锨驱打大熊猫被辞退男子被猫抓伤后确诊“猫抓病”特朗普无法缴纳4.54亿美元罚金倪萍分享减重40斤方法联合利华开始重组张家界的山上“长”满了韩国人?张立群任西安交通大学校长杨倩无缘巴黎奥运“重生之我在北大当嫡校长”黑马情侣提车了专访95后高颜值猪保姆考生莫言也上北大硕士复试名单了网友洛杉矶偶遇贾玲专家建议不必谈骨泥色变沉迷短剧的人就像掉进了杀猪盘奥巴马现身唐宁街 黑色着装引猜测七年后宇文玥被薅头发捞上岸事业单位女子向同事水杯投不明物质凯特王妃现身!外出购物视频曝光河南驻马店通报西平中学跳楼事件王树国卸任西安交大校长 师生送别恒大被罚41.75亿到底怎么缴男子被流浪猫绊倒 投喂者赔24万房客欠租失踪 房东直发愁西双版纳热带植物园回应蜉蝣大爆发钱人豪晒法院裁定实锤抄袭外国人感慨凌晨的中国很安全胖东来员工每周单休无小长假白宫:哈马斯三号人物被杀测试车高速逃费 小米:已补缴老人退休金被冒领16年 金额超20万