html用外联css,该如何控制div位置

html用外联css,该如何控制div位置,第1张

你的意思是要把div固定在屏幕的某个位置,页面滚动时div的位置也保持不变?那么要这样改:

position:fixed

这跟css是外联还是内联是没任何关系的。

绝对定位(position:absolute)是以页面的左上角为定位基准的(如果父元素也是定位元素则以父元素的左上角作为定位基准),所以当页面滚动时,它也会跟着滚动;

固定定位(position:fixed)则是以窗体的左上角作为定位基准的,因此当页面滚动时,它不会跟着滚动,仍然保持在原位。

除了二楼说的,还有区别如下:

它们的加载先后顺序不一样,

外联最早,其它是HEADER中,然后才是BODY中的

外联的话,你的HTML文件会相当整洁,结构清晰,方便编码,

定在HTML文件里面的JS相当乱

最后,外联JS由于先于HTML主体加载,

在里面你使用document.getElementById("cod").不能得到你想要的元素。。。

外部样式表将管理整个Web页的外观,当用户在设计HTML(标准通用标记语言的一个应用)时,首先要对整个外观定义一个CSS文件(扩展名为·css),然后通过链接来使用,一个外部的样式表可以通过HTML的LINK元素连接到HTML文档中。*.aspx文件中需要用<head>@import URL("*.css")</head>完成连接或是<link rel="stylesheet" type="text/css" href="相对路径">。

内联样式表:写在开始标记里面,比如你要H1变红色,<h1 style=”color:red”>变为红色</h1>。

扩展资料:

样式表可分为嵌入式样式表、外部样式表和内联样式表三种,在同一文档内可以同时使用三种方法。

1.样式定义放在一个单独的文件中,例:新建一个后辍为CSS的样式定义。元素{ 属性color:值red;} 在head段使用<link>标记,引用语法:<link rel=”stylesheet” type=”text/css” href=”样式表URL” />

2.嵌入式样式表:<style>元素段必须出现在head段内,有一个开始和结束标记,并且可以有多个<style>段,语法格式: <style type=”text/css”>。

参考资料来源:百度百科-div css

参考资料来源:百度百科-外部样式表


欢迎分享,转载请注明来源:内存溢出

原文地址: https://outofmemory.cn/zaji/5894425.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-03-06
下一篇 2023-03-06

发表评论

登录后才能评论

评论列表(0条)

保存