大橙子网站建设,新征程启航
为企业提供网站建设、域名注册、服务器等服务
两个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