CSS+DIV设计中,如何实现用户选择界面。

html-css011

CSS+DIV设计中,如何实现用户选择界面。,第1张

需要两个CSS文件...使用JS修改引用CSS文件....index.htm<!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>

<title>new document </title>

<meta name="generator" content="editplus" />

<meta name="author" content="" />

<meta name="keywords" content="" />

<meta name="description" content="" />

<link id="cssChange" href="css1.css" rel="stylesheet" type="text/css" />

<script type="text/javascript">

<!--

function changeSkin(css){

document.getElementById('cssChange').href=css//修改link标签的href属性,也就是修改加载的CSS文件

}

//-->

</script>

</head><body>

<div id="mytest">大家好</div>

<input type="button" value="黑色" onclick="changeSkin('css2.css')" />

<input type="button" value="红色" onclick="changeSkin('css1.css')" />

</body>

</html>---------------------CSS文件主要是设置mytest的文本颜色css1.css#mytest{

color:red}css2.css#mytest{

color:#000

}

其实没什么关系,css是web中的一种控制内容的表现形式,就是控制的html标签的位置,大小,颜色等,ui就是用户界面,就是画图,在web中ui的图画好后,经过切割,然后写css,就可以制作一个html的页面了,有的公司这个工作是一个人做的,叫美工,有的公司就分开,美工负责css,UI只负责画图

你这个登录界面,如果用table做的话很简单,只需要4行3列,然后就是左右对齐设置下

如果用css+div也很简单,从上到下4个div,然后在一行的div里面在套div或者直接用ul li来写