div+css制作网页的一些分享

 本周开始div+css的学习。

首先是解决数据库乱码的问题。
最开始的时候即使在代码中设定编码为utf8时还是出现乱码,一种情况是写入数据库和读取出来都是???,另外一种是写入数据库乱码,读取出来却是正常的。
解决办法:先用 show variables like 'character%' 语句查看编码发现database和server的编码还是默认的Latin。
在my.ini中client标签下加入 default-character-set=utf8 ;
 mysqld标签下加入character_set_server=utf8 ;
wampmysql加入 character_set_server=utf8,重启wamp。
具体代码如下:




当 show variables like 'character%' 语句出现的四个选项都为utf8时乱码问题也就解决了。


再是使用div+css中学习到的一点小方法。

设置margin:0px auto简单暴力地把div居中。
margin四个属性分别对应上,右,下,左。

在写一个页面时,先确定页面的大体布局,用div确定他们的范围,然后在各个div里嵌套具体的布局。在div中嵌套<?php>,插入php语句就能实现前端和后台的结合,在网页中输出从数据库中读取的内容。因此有了之前写留言板的代码,要改造成一个基础的博客系统,实现增删查改的功能就把前端写好在页面中嵌套留言板后台的代码,能大体实现一个基本的博客功能。

http://m.jb51.net/css/142448.html
常用css属性,查找起来更方便点。
  • 1
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
### 回答1: 网页制作中,div+css 是一种常用的页面布局方式。它的基本思想是将页面内容划分为多个块状元素(div),然后利用 CSS 样式来设置这些元素的位置、大小、颜色等属性,从而实现页面的布局。 下面是一个简单的例子: HTML 代码: ``` <div class="container"> <div class="header">头部</div> <div class="content">内容</div> <div class="sidebar">侧边栏</div> <div class="footer">尾部</div> </div> ``` CSS 代码: ``` .container { width: 960px; margin: 0 auto; } .header { height: 80px; background-color: #333; color: #fff; } .content { float: left; width: 700px; height: 400px; background-color: #ccc; } .sidebar { float: right; width: 240px; height: 400px; background-color: #999; } .footer { clear: both; height: 60px; background-color: #333; color: #fff; } ``` 通过上述代码,实现了一个简单的页面布局,其中: - `.container` 表示整个页面的容器,设置了宽度为 960 像素,并通过 `margin: 0 auto` 居中显示。 - `.header` 表示页面的头部,设置了高度为 80 像素,并设置了背景颜色和文字颜色。 - `.content` 表示页面的主体内容,通过 `float: left` 实现了左浮动,设置了宽度为 700 像素、高度为 400 像素,并设置了背景颜色。 - `.sidebar` 表示页面的侧边栏内容,通过 `float: right` 实现了右浮动,设置了宽度为 240 像素、高度为 400 像素,并设置了背景颜色。 - `.footer` 表示页面的底部,通过 `clear: both` 清除了上面浮动元素的影响,设置了高度为 60 像素,并设置了背景颜色和文字颜色。 通过这种方式,我们可以利用 div+css 实现各种复杂的页面布局。 ### 回答2: 网页制作是指使用HTML和CSS等技术创建和设计网页的过程。其中,DivCSS网页制作中常用的元素和样式。 Divdivision)是HTML中的一个块级元素,可用于将页面分割成不同的区域,并为这些区域应用不同的样式。通过给Div添加CSS样式,可以对其进行定位、大小、背景和装饰等方面的设置,从而达到网页布局的目的。 CSS(Cascading Style Sheets)是样式表语言,用于控制网页的外观和布局。通过CSS,可以对网页中的各个元素进行样式的设置,如字体、颜色、大小、边框、背景等。CSS具有层叠、继承和优先级等特性,可以方便地对不同的元素应用不同的样式。 在网页制作过程中,使用DivCSS可以实现灵活的布局和样式控制。可以通过创建多个Div元素来划分不同的页面区域,并通过CSS样式对这些Div进行定位和样式设置,实现各种布局效果。例如,可以使用CSS中的float属性对多个Div元素进行浮动布局,使其横向排列或垂直排列;还可以使用CSS中的position属性对Div元素进行绝对或相对定位,实现固定定位或动态定位的效果。 除了布局方面,CSS还可以用于美化网页的元素。通过设置字体、颜色、背景、边框等样式属性,可以使网页界面更加美观和吸引人。 总之,DivCSS网页制作中扮演了重要的角色。通过合理地使用DivCSS,可以实现网页的布局、样式设计和元素美化,使网页更加吸引人、易于浏览,并提升用户体验。 ### 回答3: 网页制作中,div是一个常用的HTML元素,用于创建具有不同样式和内容的区块。而CSS则是用于控制和美化这些div元素的样式和外观。 在网页制作中,可以使用div元素来划分网页的不同区域,如头部、内容区和底部等。通过给每个div元素添加唯一的id或类名,我们可以通过CSS来选中并控制这些div元素的样式。 使用CSS可以改变div元素的背景颜色、边框样式、字体样式、大小等。通过调整这些样式属性,我们可以使div元素呈现出我们想要的外观。 通过CSS的盒子模型,可以控制div元素的大小、边距和内边距等。通过设置div元素的宽度和高度属性,我们可以使得div元素具有指定的尺寸。另外,通过设置div元素的边距和内边距属性,可以控制div元素与相邻元素之间的间距。 除了基本的样式属性外,还可以使用CSS来实现复杂的布局效果。通过设置div元素的position属性,可以使得div元素具有绝对定位或相对定位。通过使用浮动和清除浮动,可以实现多列布局。 总之,通过使用div元素和CSS,我们可以实现丰富多样的网页布局和样式效果。通过灵活运用CSS选择器和属性,可以实现对不同div元素的差异化样式控制。这样,我们可以创建出具有吸引力和功能性的网页

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值