扫二维码与项目经理沟通
我们在微信上24小时期待你的声音
解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流
两个DIV,ID分别是aa,bb，则：
成都创新互联公司专注于宜章企业网站建设,响应式网站开发,商城网站制作。宜章网站建设公司,为宜章等地区提供建站服务。全流程按需定制开发，专业设计，全程项目跟踪，成都创新互联公司专业和态度为您提供的服务
div id='aa'/div
div id='bb'/div
那么分别给这两个div加上样式，可以这样写：
#aa{color:#f00;}---这个定义了id为aa的div的样式
#bb{color:#0f0;}---这个定义bb的样式
使用符号“#”则对应了div的id属性。
如果不是根据id属性来定义，例如多个div需要使用同样的样式的话，由于同一个页面id属性是唯一的，所以需要通过下面方式来定义样式：
div id='aa' class='red'红色/div
div id='bb' class='red'红色/div
div id='cc' class='blue'蓝色/div
----样式定义这样写：
.red{color:#f00;}
.blue{color:#00f;}
这里样式名称前面的符号是"."，则通过div里面的class属性来匹配样式不过，在HTML如果是这样。
div id="a"
pdfsad/p
/div
div id="b"
padasdfas/p
/div
如果要控制id为a中的p的话，可以把CSS的选择器写成
#a p{
各种样式;
}
CSS中用空格来表示是在#a当中的p
css样式是HTML的一个补充，简单的css使用样式如下:
html
body
div id=div/div
/body
style type="text/css"
width:300px;//设置div的宽度300像素
height:500px;//设置div高度500像素
background-color:red;//设置div的背景颜色为红色
/style
/html
css代码位于style之间，详细的css代码解释见代码注释。
第一步设置一个最外层div,左右再分两个div（这个div需要设置float，以保持两边水平排列），width设置为50%，里面放各种小div（第一个div要用clear：both保证清除float属性），div的高度可以用height设置。我给你写个框架，内容可以自己填。
div
div style="float:left"
div style="clear:both"/div
div/div
...
/div
div style="float:right"
div style="clear:both"/div
div/div
...
/div
/div
我们在微信上24小时期待你的声音
解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流
微信二维码
移动版官网