关于div+css在网页中的布局问题，我一直没有弄明白这个问题哦！谢谢了啊！_百度知道
关于div+css在网页中的布局问题，我一直没有弄明白这个问题哦！谢谢了啊！
*{margin:0padding:0}body{color:#000000;text-decoration:font-size:12}img{border:0}a:visited{text-decoration:color:#000000;}a:link{text-decoration:color:#000000;}a:hover{text-decoration:color:#FF0000;}ul,li{margin:0padding:0list-style-type:}谁帮我解释啊特别*{margin:0padding:0}ul,li{margin:0padding:0list-style-type:}要详细点啊急啊谢谢啊
提问者采纳
*{margin:0padding:0}全局没边距紧贴布局兼容各浏览器网页整体颜色黑色没划线文字12像素图片没边框a:link,a:visited,a:hover{text-decoration:color:#000000;}简写要尽量减少代码量要按照a:link,a:visited,a:hover,a:active顺序编写.a总共四种状态：a:link
连接平状态 a:visited
连接访问 a:hover
鼠标放连接候 a:active
连接按候.a:visited{text-decoration:color:#000000;}a:link{text-decoration:color:#000000;}a:hover{text-decoration:color:#FF0000;}意思连接平状态、连接访问、 鼠标放连接候都划线颜色红色ul,li{margin:0padding:0list-style-type:}意思ul li边距都0.项目列表符号逗号集体声明网页面所ulli都使用式margin:0水平边距都高度自适应
提问者评价
都挺不错的，谢谢了！
其他类似问题
div的相关知识
其他5条回答
margin:0用设置水平居0px边距0px左右自即平均设置水平居padding:0用说明内边距全部0pxmargin:0padding:0设置内外边距0pxlist-style-type:设置列表项目符号空即没列表项目符号
*{margin:0padding:0}和ul,li{margin:0padding:0list-style-type:}首先这行css样式是针对所有元素的因为选择器是“*”星号的选择器表示是页面所游元素，margin:t 这是margin的四个值表示的意思，如果只有两个值得话就是margin:top|bottom right|left
所以margin:0px auto
表示的意思就是本框（外补白）向上0个像素，左右自动（也就是自动计算宽度【居中显示】），padding的话就是内补白了，ul,li
的话是两个选择器，表示页面所有的ul跟li都是那个样式
list-style-type表示li的前面的样式，就是像一行文字前有个小点或者小方格。
是上下为0，左右自动，这样就会居中，不过我的习惯是写成*{margin:0 ;padding:0;} 其他的再在下面设置。ul,li{margin:0padding:0list-style-type:} 也一样，在ul,li这样的列表布局里面吧margin padding全部设定为0，列表前面的样式就是list-style-type 设为 无（none）这样对接下来列表布局会比较好控制，因为ul li list-style这些都是自带默认的宽高和样式的。img{border:0}就是图片拉，写在这是所有的图片边框都为0.a:visited{text-decoration:color:#000000;}a:link{text-decoration:color:#000000;}a:hover{text-decoration:color:#FF0000;}为超链接鼠标滑过、点击、点击后的样式。text-decoration:none是下划线。这里全部设为空了
*{margin:0padding:0}
是控制整个布局居中显示，类似程序中定义全局变量那种。ul,li{margin:0padding:0list-style-type:}
是清空ul,li自身的属性。 默认项目符号，会缩进一个tab的在小.
下载知道APP
随时随地咨询
出门在外也不愁div+css布局的网页怎么学，没有编程基础
div+css布局的网页怎么学，没有编程基础 5
我是一个美工，会FLASH，PS 等平面软件，dw略懂，没有编程基础。就是会一点HTML，别的不会。现在我要做个网页进行布局
。现在布局一般是DIV+CSS，但是我只会一点HTML，DIV和CSS 都不会，我应该怎么学习哪？
不知道切入点，不怎么怎么学习哪，希望前辈们指教！！！
估计大家都会提议谷歌、百度你想要的资料。
现在我提供一个网站：
我从初学到现在前端开发，都还在看这个网站，很好的一个网站。基本上你要学的东西里面都有，而且比较系统，建议先从这里开始看。
等你进阶了之后，可以去看看淘宝、阿里巴巴、支付宝、口碑、腾讯、网易等公司的前端开发团队的博客和文章，你可以从中学到很多东西。
其实div+css布局，table布局等，都不是很准确。一句话：标准化。标准化的好处就是你写的页面在各个主流浏览器里保持一致的外观，从而不用针对不同的浏览器写不同的代码，也能够带给用户良好的体验。当然了，目前还在不断发展中，但是趋势是越来越向标准看齐！
在你学习之前，给你提醒注意以下几个地方的学习：
1、浮动/清除浮动（float）基本上这个理解了，css功力会上一个台阶！（我个人认为）
2、定位（position） - 进阶：定位布局，局部会用到，页面写多了，你会接触到的。
3、盒模型（width/height、padding、margin）这个是基础吧，其实很好理解，只是浏览器解析不同，导致问题多了，呵呵。
对了，记得多找人交流，其实很多时候一个小问题，小知识点，会困扰很久，如果有人指点，几分钟的事情！
希望对你有帮助！
其他回答 (7)
css+div 不需要编程基础的，找一些具体资料看看
找些书，或者网上找些例子去 练， 在实践中学习会比较快，DIV+CSS不难，你也懂HTML了，多加熟练，你也会PS等等，蛮好的。
DIV+CSS布局其实也很简单，应该定义过table样式吧，方法差不多！或应该说更简单更方便些，
你可以下载到DIV+CSS手册看一下，基本就可以明白了，但要注意的是，要符合W3C标准，这样
才能让页面在不同的浏览器下兼容！
div+css新手指引教程,
首先各位同学要清楚DIV+CSS这个意思
DIV和HTML是不能分开来概括的。
HTML中包括的标签元素有，&DIV&,&UL&,&LI&,&P&,&A&等等。。
也就是说DIV是HTML中的一个标签。
DIV是层的一个概念
DIV+CSS，就是在HTML中引用样式那么一个意思 &div class="css"&内容内容内容内容&/div&
如同&table class="css"& 表格加CSS不是一样吗，何必理解那么复杂
可以自学，看看书，我推荐headfirst的中文版比较好看，喜欢的话英文版也可以，我很喜欢这本书的编写方法，强力推荐初学者使用
下载个手册，多练习一下，网上找一些别人的实例，参考一下
相关知识等待您来回答
网页制作领域专家div+css+javascript 兑现无缝滚动,marquee无缝滚动，无缝滚动,兼容firefox_JavaScript(JS)记住用户名跟密码 （应该自己写个通用的组件）_JQuery模板 ：(9) JsRender之JsViews中的JsObserverable__脚本百事通
稍等，加载中……
^_^请注意，有可能下面的2篇文章才是您想要的内容：
div+css+javascript 兑现无缝滚动,marquee无缝滚动，无缝滚动,兼容firefox
JavaScript(JS)记住用户名跟密码 （应该自己写个通用的组件）
JQuery模板 ：(9) JsRender之JsViews中的JsObserverable
div+css+javascript 兑现无缝滚动,marquee无缝滚动，无缝滚动,兼容firefox
div+css+javascript 实现无缝滚动,marquee无缝滚动，无缝滚动,兼容firefoxdiv+css+javascript 实现无缝滚动,marquee无缝滚动，无缝滚动,兼容firefox
用marquee实现首尾相连循环滚动效果（仅IE）：
&marquee behavior="scroll" contenteditable="true" onstart="this.firstChild.innerHTML+=this.firstChild.innerHTML;" scrollamount="3" width="100" onmouseover="this.stop();" onmouseout="this.start();"&
这里是要滚动的内容
&/marquee&
用div+css+javascript实现首尾相连循环滚动效果（兼容firefox）：
&!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&
&html xmlns="http://www.w3.org/1999/xhtml"&
&title&div+css+javascript 实现无缝滚动,marquee无缝滚动，无缝滚动,兼容firefox&/title&
&style type="text/css"&
#scrollobj {
white-space:
width: 500
&div id="scrollobj" onmouseover="javascript:_stop();" onmouseout="javascript:_start();"&这里是要滚动的内容 &/div&
&script language="javascript" type="text/javascript"&
function _scroll(obj) {
var tmp = (obj.scrollLeft)++;
//当滚动条到达右边顶端时
if (obj.scrollLeft == tmp) {
obj.innerHTML += obj.innerHTML;
//当滚动条滚动了初始内容的宽度时滚动条回到最左端
if (obj.scrollLeft &= obj.firstChild.offsetWidth) {
obj.scrollLeft = 0;
//var tmp = (obj.scrollTop)++;
//if (obj.scrollTop == tmp) {
obj.innerHTML += obj.innerHTML;
//if (obj.scrollTop &= obj.offsetHeifht) {
obj.scrollTop = 0;
var _timer = setInterval("_scroll(document.getElementById('scrollobj'))", 20);
function _stop() {
if (_timer != null) {
clearInterval(_timer);
function _start() {
_timer = setInterval("_scroll(document.getElementById('scrollobj'))", 20);
JavaScript(JS)记住用户名跟密码 （应该自己写个通用的组件）
JavaScript(JS)记住用户名和密码 （应该自己写个通用的组件）
//coder:LinQifo
&%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %&&!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&&html xmlns="http://www.w3.org/1999/xhtml" &&head runat="server"&
&title&js cookie Demo 记住用户名和密码&/title&
&script&function rememberUser(){
//userName1=userNPwd=password
if(document.cookie !="")
alert( getCookie('userName'));
alert( getCookie('password'));
//下面这两句就是用来记住用户名和密码了//
document.getElementById ('TextBox1').value=getCookie('userName');//
document.getElementById ('TextBox2').value=getCookie('password');
}}// 用正则表达式将前后空格,用空字符串替代(PS:因为js没有现成的trim,所以要加上这个)String.prototype.trim
= function()
this.replace(/(^s*)|(s*$)/g,
}function getCookie(objName)//获取指定名称的cookie的值{
var arrStr = document.cookie.split(";");
for(var i = 0;i & arrStr.i++)
var temp = arrStr[i].split("=");
if(objName.trim()==temp[0].trim()) //此处如果没有去掉字符串空格就不行,偶在这里折腾了半死,主要是这种错误不好跟踪啊
return temp[1];
}}function setCookie()//设置cookie{if((document.getElementById ('TextBox1').value!="")&&(document.getElementById ('TextBox2').value!="")){ document.cookie ="userName="+document.getElementById ('TextBox1'). document.cookie ="password="+document.getElementById ('TextBox2'). }}&/script&&/head&&body
onload =rememberUser()&
&form id="form1" runat="server"&
&asp:TextBox ID="TextBox1" runat="server" Width="120px" EnableViewState="False"&&/asp:TextBox&
&asp:TextBox ID="TextBox2" runat="server" Width="120px" EnableViewState="False"&&/asp:TextBox&&br /&
&asp:Button ID="Button1" runat="server" Text="Button" OnClientClick="setCookie()"/&&/div&
&/form&&/body&&/html
JQuery模板 ：(9) JsRender之JsViews中的JsObserverable
JQuery模板 ：(九) JsRender之JsViews中的JsObserverable
一、什么是JsObserverable:
JsObservable library 是JsViews的一部分，用于在JsViews中提供数据绑定的功能。同样允许JsViews的应用触发数据的变化，使用程序的方式（JsObserverable API）来“观察”数据的变化以实现数据绑定功能，数据是observerable(可视的）意思是该数据（可视数据）的变化会引起与之绑定的template中的数据及时的发生变化。
二、实例代码：
&!DOCTYPE html&
&link href="../css/samples.css" rel="stylesheet"/&
&script src="../jquery/jquery-2.0.3.js"&&/script&
&script src="../jsviews/jsviews.js"&&/script&
&table&&tbody id="result"&&/tbody&&/table&
&script id="theTmpl" type="text/x-jsrender"&
&button id="addBtn"&Add&/button&
&/td&&/tr&
{^{for people}}
&button class="change"&Change&/button&
&button class="remove"&X&/button&
{^{:name}}
&/td&&/tr&
var template = $.templates("#theTmpl");
var people = [
name: "JoshWang"
name: "WangSheng"
var counter = 1;
template.link("#result", {people: people});
$("#addBtn").on("click", function(){
$.observable(people).insert(people.length, {name: "name" + counter++});
$("#result")
.on("click", ".change", function(){
var dataItem = $.view(this).
$.observable(dataItem).setProperty("name", dataItem.name + "*");
.on("click", ".remove", function(){
var index = $.view(this).
$.observable(people).remove(index);
代码解读：
1） JsObservable API：$.observable(object).setProperty(...);
$.observable(dataItem) 使得dataItem是可视的，通过setProperty()方法，相关的变化将会被template中声明的动态绑定观察的，即相关的变化，会引起与之绑定的动态数据的变化。
2）JsObservable API： $.observable(array).insert(...);
$.observable(people)使得people这个数组是可视的，通过提供方法insert()和remove(),表示数组的变化也是可视的，即template中与之绑定的元素和标签，例如{^{for people}} 签也会随之变化。
3）JsObservable API： .view(elem)
.view(elem) 用于将任何的DOM元素变成当前可视的Object.
如果您想提高自己的技术水平，欢迎加入本站官方1号QQ群：&&，&&2号QQ群：，在群里结识技术精英和交流技术^_^
本站联系邮箱：用户体验设计