如何从零开始学习DIV
CSS
而是用DIV
CSS来实现各种定位。
1.学HTML语言，再学DIV
CSS就得心应手了。
如果你能理解HTML语法，你就能看透世界上80%的网站。Html很好学，一定要背一些常用代码。由于dreamweaver等工具有助于生成HTML代码，许多人忽略了对HTML的研究。学完HTML互联网最基础的语言，当你学习DIV
CSS的时候，你会发现DIV
CSS也就那么回事，小菜一碟。
2.用Dreamweaver的代码模式写DIV和CSS。
对于网页设计初学者来说，用记事本、记事本等工具直接写代码比较困难。因为Dreamweaver的代码模式有提示功能，可以保证语法书写的正确性。而且不熟悉的语法也能一次写对。
如图:DW提供了写div和html时的函数。
写CSS时DW工具栏右侧的CSS可视化编辑功能。
我学DIV
CSS的时候是从Dreamweaver的代码模式学来的。也许不是最好的，但很实用。
3.养成良好的写作习惯。
有好的生活习惯，说明这个人会生活，有好的CSS写作习惯，说明这个人做事严谨。写css的时候，网上有很多推荐的规范，比如菜单类的menu，版权的copyright(CoryRight)，底部的footer等等。一般书写顺序是:显示属性-自身属性-文本属性。当然没有硬性规定，但是遵循一些不成文的规则，让自己的代码很容易被别人读懂，搜索引擎更喜欢，也不是坏事。
4.只有目的明确，结果明确，过程才是最有效率的，才不会轻易被干扰和改变方向。
p样式设置？
具体操作方法步骤如下 ：
1.新建一个html文件,命名为test.html,用于讲解怎样用js修改p标签的样式。
2.在test.html文件内,使用p标签创建一个模块,并设置其样式,定义其宽度为150px,高度为150px,背景颜色为红色。
3.在test.html文件内,设置p标签的id为aap,用于获得p对象。
4.在test.html文件内,使用button标签创建一个按钮,给button按钮绑定onclick点击事件,当按钮被点击时,执行editDivCss()函数。
如何才能学好CSS？
先学DIV+CSS，最核心的先学盒子模型或者框模型，有不同的叫法。通过框模型然后用float把DIV堆成一张张网页，如此你变可以利用CSS做成任何一张你想要的网页。知易行难，请记住盒子模型是核心。
css两个p左右怎么对齐？
1、使用p标签创建一个模块，在p内，再使用p标签创建两个模块，并分别设置p标签的class属性和id属性。。
2、在css标签内，通过class或id分别定义p的宽度和高度、背景颜色。
3、在css标签内，再设置最外层p为flex布局，并通过align-items属性设置p内两个p垂直方向居中对齐，通过justify-content属性设置p内两个p水平方向两端对齐。
css鼠标单击p块怎么设置？
eg: <p id="test" onmouseover="change()" onmouseout="preChange()" style="width:100px;height:100px;background:black;"></p> <script> function change(){ document.getElementById("test").style.background="red"; } function preChange(){ document.getElementById("test").style.background="red"; } </script>
Div+Css布局教程？
正好自己以前写过，奉上最简短的代码，效果已亲测，兼容IE7/8以及Chrome等现代浏览器，代码如下：
<!doctype html>
<html>
<head>
<meta charset=”utf-8″>
<title>p+css上中下布局</title>
<style>
html,body {height:100%; *overflow:hidden; /* 消除IE7下的横向滚动条 */}
body {margin:0; padding:0; font-size:30px; text-align:center; color:#fff;}
.top ,.nav ,.foot {width:100%; height:100px; position:absolute;}
.top {background:red; top:0;}
.nav {background:blue; top:100px; bottom:100px; height:auto;}
.foot {background:gray; bottom:0;}
</style>
</head>
<body>
<p >我是头部</p>
<p >这里已经自适应到底部</p>
<p >我是底部</p>
</body>
</html>
注：IE6不支持，如想完美解决，请使用js动态获取页面高度，然后赋值给nav那个层。
支付宝扫一扫
微信扫一扫
