块元素在页面中以区域块的形式出现,其特点是,每个块元素通常都会独自占据一整行或多整行,可以对其设置宽度、高度、对齐等属性 行内元素与块元素可以通过display属性进行相互交换 display属性常用的属性值及含义如下: (1)inline:此元素将显示为行内元素(行内元素默认的 display属性 ...
转载 2021-11-01 12:18:00
325阅读
2评论
这2天开始学习css/div  今天的成果,代码如下。<!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/
原创 2011-01-22 22:46:50
766阅读
1,Table布局页面和DIV布局页面的优缺点* 把格式数据混入你的内容中。这使得文件的大小无谓地变大,而用户访问每个页面时都必须下载一次这样的格式信息,带宽并非免费。* 这使得重新设计现有的站点和内容极为消耗劳力 (且昂贵)。* 这还使我们保持整个站点的视觉的一致性极难,花费也极高。* 基于表格的页面还大大降低了它对残疾人和用手机或 PDA 浏览者的亲和力。 而使用CSS进行网页布局,它会:*
原创 2014-04-05 20:59:03
539阅读
http://www.blogjava.net/youxia/archive/2006/12/26/90112.html
转载 精选 2013-12-29 11:33:16
485阅读
<!doctype html> <html> <head> <meta charset="utf-8"> <title>块元素与行内元素</title> <style> p{ background-color:pink;} span{ background-color:yellow;} i{ bac ...
转载 2021-11-01 12:33:00
309阅读
2评论
今天就花了一整天才完成对一张psd文件的网页布局,这效率确实有点慢了。在此,总结几点以后让以后少走弯路,并且还有条理性、目的性去完成任务。1. 首先拿到一张先分析它的结构,很有必要在纸上画画(并且对于div的margin、padding属性应该精确控制,再去进行div的布局)。对于切图这一方面应该以“资源尽量最小、图片”2. 完成对页面布局构思后,在制作网页时应该把握先整体后部分的思想3. 另外需要注意的一点是:margin 0px auto; 这一属性值应该是在html有引入W3C声明() 这是属性配置应该得加上。而且在html5网页中如果不加这些声明,可能有些标签的属性值不会生效。4. .
原创 2022-03-25 14:34:00
221阅读
一、HTML以下内容记录常用的html元素,可另存为html文件以查看效果:<!doctype html><html lang="zh-cn"> <head> <!--meta属性提供页面元信息,不显示--> <meta charset="UTF-8"> <meta name="Generat
原创 2014-10-30 22:31:52
612阅读
一、HTML 下面内容记录经常使用的html元素。可另存为html文件以查看效果: <!doctype html> <html lang="zh-cn"> <head> <!--meta属性提供页面元信息,不显示--> <meta charset="UTF-8"> <meta name="Gener
转载 2017-06-16 16:11:00
109阅读
2评论
在设计网页时,能够控制好各个模块在页面中的位置是非常关键的。本章将讲解利用Div+CSS页面元素进行定位的方法。 Div是HTML中指定的专门用于布局设计的容器对象 Div是CSS布局的核心对象。 Div本身与样式没有任何关系,样式需要编写CSS来实现,因此Div对象应该说从本质上实现了与样式的分
IT
原创 2021-07-30 09:07:21
724阅读
网上也有不少使用div + css进行布局的教程,却存在很多缺陷,一是对css布局模型讲解不清楚,让人很难理解相对定位、浮动等概念;二是虽然避免了“表格套表格”的缺点,却带来了“div 套 div”的缺点,过量使用div标签;三是class过多,造成class灾难。要正确使用css,对css的基本只是就不能够不了解。既然是漫谈,我这里就只讲四个方面,最后给出xkland项目作为实例。一、CSS中的块模型在CSS的定义中,有的html标签被浏览器当成一个块来显示,比如div、table、p、ul等等,我们称之为块元素;有的html标签被浏览器显示在文本行之类,如a、span、font等等,我们
转载 2011-10-21 01:23:00
175阅读
2评论
采用大量的DIV和CSS样式设置进行页面布局及优化,html没什么难度就那些常用的标签以及div、div嵌套使用,掌握了这些东西技术上就没什么大的难度,CSS样式设置里面有一些设置要记住。写下此文留作笔记供以后参考。
原创 2015-11-24 12:49:11
1078阅读
XHTML设计基础1、简述HTML文档的基本结构。2、我创建了一个网页,但在网页浏览器中打开它时,看到了所有文本,包括HTML标签。有时候甚至看到了一些奇怪的字符出现在页面开头!什么地方错了?3、如果无意中拼错了锚点名或忘记在名称前加上#,将发生什么问题?4、一个网页可以链接多个样式表吗?5、如果网页链接了一个样式表,后者指定所有文本为蓝色,但在网页的某处有一个<span style=...
转载 2009-05-23 09:45:00
214阅读
2评论
1. 所有的xhtml代码小写2. 属性的值一定要用双引号("")括起来,且一定要有值3. 每个标签都要有开始和结束,且要有正确的层次4. 空元素要有结束的tag或于开始的tag后加上"/"5. 表现与结构完全分离,代码中不涉及任何的表现元素,如style、font、bgColor、border等6. 到的定义,应遵循从大到小的原则,体现文档的结构,并有利于搜索引擎的查询。
转载 2009-08-26 18:09:19
470阅读
学习本系列教程需有一定html和css基础,也就是指您之前做过网页,会用表格布局。如果您刚开始学习网页制作,不知道什么是表格布局及html和css,建议您先去充电,否则学习本教程会非常吃力或者根本就听不懂。由于时间关系,本教程只讲解一些基础知识,让您从原来的表格布局跨入到web标准(div+css布局,会使用web标准制作出常见的页面,这也达到了本教程的目的。本教程多以实例形式循序渐进讲解,实例
原创 2014-06-19 17:45:26
503阅读
效果用到了bootstrap中的表格css、圆形css、以及上一页下一页css布局页面,填充数据,实现js动态效果(比如点击下一页,上一页),逐步完善。不仅仅要会使用bootstrap中的样式,也要能够灵活的运用css样式,两者结合,才能够融会贯通,活学活用。1.表格部分 ...
原创 2021-08-05 16:41:28
218阅读
css3,页面布局实战,浮动
原创 2023-01-07 00:35:47
506阅读
这是《CSS设计指南》的读书笔记,用于加深学习效果。display 属性​​display​​是 CSS 中最重要的用于控制布局的属性。每个元素都有一个默认的 display 值。对于大多数元素它们的默认值通常是 block 或 inline 。一个 block 元素通常被叫做块级元素。一个 inline 元素通常被叫做行内元素。block​​div​​
转载 2020-01-19 20:21:00
88阅读
2评论
一、居中布局 <div class="parent" style="width:300px;height:300px;"> <div class="child">居中布局</div> </div> 水平居中(宽度自适应) 1.inline-block + text-align .child{ dis
转载 2020-10-19 16:37:00
188阅读
2评论
<!doctype html> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"> <title>flex ...
转载 2021-10-21 16:07:00
279阅读
2评论
@tocCSS概念CSS全称CascadingStyleSheets层叠样式表层叠:多个样式可以作用在同一个html的元素上,同时生效好处1.功能强大1.将内容展示和样式控制分离降低耦合度。解耦让分工协作更容易提高开发效率CSS的使用:CSS与html结合方式内联样式在标签内使用style属性指定css代码如:<divstyle="color:red;"hellocss</div内部样式在head
原创 2022-06-23 09:31:41
9231阅读
3点赞
2评论
  • 1
  • 2
  • 3
  • 4
  • 5