<body>
<div style="width: 65pxheight: 20pxborder: 1px solid">测试元素</div>
</body>
CSS样式在网页html中实现方法详解CSS按其位置可以分成三种：
内部样式表(Internal Style Sheet)，把css文档写在<head></head>里面的。只对样式所在网页有效。
内嵌样式(Inline Style)，也叫内联样式或者叫行内样式，写在tag标签，如：<p id="p1" style="color:red"></p><p id="p2" style="color:blue"></p>，只对当前标签起作用，即只对这个段落p（id="p1"）起作用.
外联样式表(External Style Sheet)，将样式(Styles)写在一个以.css为后缀的CSS文件里，然后在每个需要用到这些样式(Styles)的网页里引用这个CSS文件。引用格式：在head中定义：<head><link rel="stylesheet" href="css样式路径..1.css" type="text/css" media="screen"</head>
rel="stylesheet"表示链接元素是一个样式表（stylesheet）.1.css是单独保存在外部的css样式表文件。其中能包含任何标示符，必须以.css为后缀。media是可选属性，表示用什么媒体输出，screen是显示器（默认），media="print"表示输出到打印机
望采纳
CSS代码外联，内联，嵌入式的区别为：优先级不同、声明不同、操作不同。
一、优先级不同
1、外联：外联的优先级最低。
2、内联：内联的优先级优先于外联，低于嵌入式。
3、嵌入式：嵌入式的优先级优先于内联和外联。
二、声明不同
1、外联：外联只可以多次声明单个属性值。
2、内联：内联可以一次声明多个属性值。
3、嵌入式：嵌入式可以一次声明多个属性值。
三、操作不同
1、外联：外联把css代码写一个单独的外部文件中，这个css样式文件以“.css”为扩展名，在<head>内（不是在<style>标签内）使用<link>标签将css样式文件链接到HTML文件内。
2、内联：内联把css代码直接写在现有的HTML标签（如p,span...etc）中。
3、嵌入式：嵌入式把css样式代码写在<style type="text/css"></style>标签之间。
