前端CSS的引用方式以及的CSS样式

<!DOCTYPE html>
<html><head><meta charset="UTF-8"><title></title><!--2.内部引用css 不适合项目开发，练习时可用--><style type="text/css">/*css编码区域*/div{background-color: royalblue;height: 300px;width: 300px;}p{background-color: yellow;height: 100px;width: 300px;}</style><!--3.引用外部css文件 再head中设置--><link rel="stylesheet" type="text/css" href="css/index.css"/></head><body><!--注意 范围越小 优先级越高---><!--1.行间引入css 不常用--><div style="width: 200px;height: 100px;background-color: red;">这是行间引用css</div><div>这是第一个内部引用css的div</div><p>这是一个内部引用css的p标签</p><div>这是第二个内部引用css的div</div><h1>这是一个外部引用css的h1标题</h1></body>
</html>

运行结果：

<!DOCTYPE html>
<html><head><meta charset="UTF-8"><title></title><style type="text/css">div{/*背景颜色*/background-color: hotpink;/*北京宽度*/width: 1000px;/*背景高度*/height: 200px;/*字号*/font-size: 66px;字体颜色/**/color: royalblue;/*字体风格*/font-family: "franklin gothic book";/*字体加粗100~500 正常600~900 加粗bold或者bolder*/font-weight: 600;/*文本对其方式 默认靠左*/text-align: center;/*行高注意：技巧 height标签高==line-height行高只适用于 单行文本上下剧中*/line-height: 200px;}</style></head><body><div>天不生我李淳罡，剑道万古如长夜<br/>一二三四五，上山打老虎</div></body>
</html>

运行结果：

前端CSS的引用方式以及的CSS样式相关推荐

前端常见问题以及处理方式 - - - (四) 关于CSS阻塞篇
提示:前端查漏补缺,仅代表个人观点,不接受任何批评文章目录一.关于css阻塞总结提示:只有link引入的外部css才能够产生阻塞一.关于css阻塞 1.style标签中的样式 (1). 由h ...
外链引入css有哪些方式_引入ＣＳＳ样式表的方式有哪些？
CSS用于修饰网页样式,但是,如果希望CSS修饰的样式起作用,就必须在html档中引入CSS样式表.引入样式表的常用方式有三种,即行内式.内嵌式.外链式,具体介绍如下. 1.行内式行内式也称内联样式 ...
css的引入方式：行内样式表、内部样式表、外部样式表
内部样式表:(内嵌样式表)是写到html页面内部,是将所有的css代码抽取出来,单独放到一个<style>标签中. <!DOCTYPE html><html lang=& ...
CSS的引入方式：行内样式表（行内式）、内部样式表（嵌入式）、外部样式表（链接式）
文章目录 CSS引入方式内部样式表行内样式表外部样式表 CSS引入方式总结 CSS引入方式内部样式表内部样式表(内嵌样式表)是写到 html 页面内部.是将所有的CSS代码抽取出来,单独放到 ...
9—css的引入方式（行内样式表、内部样式表、外部样式表）
按照css样式书写的位置(或者引入的方式),css样式表可以分为三大类: 行内样式表(行内式) 内部样式表(嵌入式) 外部样式表(链接式) 行内样式表行内样式表(内联式)是在元素标签内部的style ...
【前端】菜单栏设计（html、css）
先展示一下效果图: 目录一.代码 1.1 html 1.2 css 二.代码分析 2.1 浏览器配置 2.1.1 normalize.css 2.1.2 html5shiv 2.2 html分析 2 ...
html 外部调用css文件路径,CSS编程的外部CSS文件引用方法是什么
CSS编程的外部CSS文件引用方法是什么 CSS外部引用使用了外接的CSS文件,一般的浏览器都带有缓存功能,所以用户不用每次都下载此CSS文件. 外部引用相对于内部引用和内联引用来说是高效的`是节省宽 ...
好程序员HTML5前端教程-css的引入方式和选择器
好程序员HTML5前端教程-css的引入方式和选择器 01.引入css方式(重点掌握) 行内样式内接样式外接样式 3.1 链接式 3.1 导入式 css介绍现在的互联网前端分三层: HTML:超 ...
Web项目中前端页面引用外部Js和Css的路径问题
公众号:南宫一梦 Web项目中前端页面引用外部Js和Css的路径问题一般我们在做Web项目时,通常会将多个页面引入的公共js和css文件抽取出来,单独写成一个公共文件,以期方便各个页面单独引入,达到 ...

前端CSS的引用方式以及的CSS样式

前端CSS的引用方式以及的CSS样式相关推荐

最新文章

热门文章