278
2024-12-19 21:20一、JS设置DIV的位置？
JS语言是不能够直接修改DIV的位置的，因为位置属于该控件的样式，若想用JS这种脚本语言调整DIV的位置，需要调用DIV的style属性进行设置，也就是需要调整DIV的CSS样式表。修改分步骤：
1、获取到需要修改样式的元素；
2、设置调整。修改的示例代码如下： var div1 = document.getElementById('baiduSearch')； div1.style.marginTop = '225px'; 通常position的属性没有设置或设了默认值absolute，所以使用的都是静态属性，这样就可以直接通过给位置属性数值来更改元素位置。在js调用时，含‘-’的样式属性调用时需要先去掉‘-’并将下一个字母大写，下面列一下css样式表中常用到的位置属性：top right left bottom margin paddingmargin-top margin-right margin-left margin-bottompadding-top padding-right padding-left padding-bottom
二、css对div设置边框？
可以用border-color属性设置span和div的边框颜色，用background属性控制span和div的背景颜色。
1、新建html文档，在body标签中添加div标签，然后在div标签中添加一些span标签：
2、添加style标签并定义一个类，为这个类设置border-color属性，属性值为边框的颜色，然后将这个类引用到div和span标签上，这时div和span就被添加上了边框颜色：
3、为之前设置的类添加background属性，属性值为背景颜色，这时div和span就被添加上了背景颜色：
三、JS设置CSS样式？
javascript改变CSS样式分为局部和全局，分别如下： 一、局部改变样式 有三种方法：直接改变样式、改变className和改变cssText 改变className： document.getElementById('obj').className="…" 改变cssText：document.getElementById('obj').style.cssText="width:20px; border:solid 1px #f00;"; 改变直接样式： document.getElementById('obj').style.backgroundColor="#003366″ 二、全局改变样式 通过改变外链样式的的href的值实现网页样式的实时切换，也就是"改变模板风格"。 首先需要赋予需要改变的目标一个id，如 代码如下: <link rel="stylesheet" type="text/css" id="css" /> 调用时很简单，如 代码如下: <span onclick="javascript:document.getElementById('css').href='ie.css'">点我改变样式</span>
四、css怎样设置div并排间距？
新建一个html文件,命名为test.html,用于讲解如何用css设置div与div之间的间距。
2.
在test.html文件内,创建两个div,并分别设置其class属性为div1,div2,主要用于下面对类名进行样式的定义。
3.
在test.html文件内,使用css设置两个div的宽高都为200px,并分别设置两个div不同的背景颜色。
4.
使用margin-top设置div的顶部与其他div的间距,例如,下面使用css设置了第二个div的顶部与第一个div的间距为10px。
五、CSS中如何设置div的边框？
1、新建一个HTML页面。
2、在HTML的<body>中写上<div>标签，打开浏览器会有对应的效果图。
3、内部嵌套css或者外部引用css文件（一般外部引用），给div增加样式，可以统一设置边框样式。
4、也可以分别设置边框样式。
六、css怎么设置div上边距？
1、首先我们创建一个html文件，引入必须的css文件后，创建一个父div和两个子div作为测试。
2、最简单的方法就是使用float浮动，将两个div进行左右浮动，即可设置出边距，这里适合使用百分比。
3、然后是使用margin外边距，这也是常用的方法，可以设置上下左右边距，这里使用float将两个子div并列。
4、这个方法也是margin方法，当时是使用display:inline-block来将两个div并列，需要注意的是这里会产生边距。
5、最后这个是使用padding内边距，需要有内容的情况下或者在子div中里面加入div以显示效果。
七、css和div的区别？
div是html标签，div标签可定义文档中的分区或节，用于定义HTML文档中的一个分隔区块或者一个区域部分；<div> 标签可以把文档分割为独立的、不同的部分。它可以用作严格的组织工具，并且不使用任何格式与其关联。如果用 id 或 class 来标记 <div>，那么该标签的作用会变得更加有效。
CSS是一种用来表现HTML或XML等文件样式的计算机语言。CSS不仅可以静态地修饰网页，还可以配合各种脚本语言动态地对网页各元素进行格式化。CSS 能够对网页中元素位置的排版进行像素级精确控制，支持几乎所有的字体字号样式，拥有对网页对象和模型样式编辑的能力。
八、css中div的用法？
DIV本身就是容器性质的,不但可以内嵌table还可以内嵌文本和其它的HTML代码；CSS是CascADIng style Sheets的简称，中文译作“层叠样式表单”，在主页制作时采用CSS技术，可以有效地对页面的布局、字体、颜色、背景和其它效果实现更加精确的控制。只要对相应的代码做一些简单的修改，就可以改变同一页面的不同部分，或者所有页数的网页的外观和格式。
Div+CSS标准具有以下优点:1、因为采用CSS布局，不象表格布局充满各种各样的属性和数字，而且很多css文件通常是共用的，从而大大缩减页面代码，提高页面浏览速度。
2、结构清晰，对搜索引擎更加友好。更容易被搜索引擎收录，具备搜索引擎SEO的先天条件，配合优秀的内容和一些SEO处理，可以获得更好的网站排名。
3、兼容性更好，符合web标准规范的发展趋势，可以在几乎所有的浏览器上都可以使用，不会出现在不同的浏览器中效果差距很大的情况。
4、缩短改版时间，因为网站的布局都是通过外部的css文件来控制，只要简单的修改几个CSS文件就可以将许多网页的风格格式同时更新，不用再一页一页地更新了。你可以将站点上所有的网页风格都使用一个CSS文件进行控制，只要修改这个CSS文件中相应的行，那么整个站点的所有页面都会随之发生变动。
5、强大的字体控制和排版能力，CSS控制字体的能力比糟糕的FONT标签好多了，CSS不再需要用FONT标签或者透明的1px图片来控制标题、改变字体颜色、字体样式等等。
6、提高易用性，使用CSS可以结构化HTML，例如：p标签只用来控制段落，h1-h6标签只用来控制标题，table标签只用来表现格式化的数据等等。你可以增加更多的用户而不需要建立独立的版本。
7、更好的扩展性。你的设计不仅仅用于web浏览器，也可以发布在其他设备上，比如PowerPoint等。
8、更灵活控制页面布局，通常页面的下载是按照代码的排列顺序，而表格布局代码的排列代表从上向下，从左到右，无法改变。而通过CSS控制，您可以任意改变代码的排列顺序，比如将重要的右边内容先加载出来。
9、表现和内容相分离，干净利落，将设计部分剥离出来放在一个独立样式文件中，而网页主要来放置您的内容，你可以减少未来网页无效的可能。
10、更方便搜索引擎收录，并获得更高的评价。用只包含结构化内容的HTML代替嵌套的标签，主次分明，搜索引擎将更有效地搜索到你的内容，并可能给你一个较高的评价(ranking)。
11、Table表格布局灵活性不大，你只能遵循 table tr td 的格式。而div你可以 div ul li 也可以 ol li 还可以 ul li......
12、Table表格布局中，垃圾代码会很多，一些修饰的样式及布局的代码混合一起，很不利于直观。而Div 更能体现样式和结构相分离，结构的重构性强。
13.以前一些必须通过图片转换实现的功能，现在只要用CSS就可以轻松实现，从而更快地下载页面。
九、CSS如何选中div？
给div标签添加id或者class名称，id唯一但是class不唯一
十、css鼠标单击div块怎么设置？
eg: <div id="test" onmouseover="change()" onmouseout="preChange()" style="width:100px;height:100px;background:black;"></div> <script> function change(){ document.getElementById("test").style.background="red"; } function preChange(){ document.getElementById("test").style.background="red"; } </script>
- 相关评论
- 我要评论
-
