DIV+CSS商业案例与网页布局精讲读书笔记（1）

最新推荐文章于 2024-07-14 12:36:02 发布
最新推荐文章于 2024-07-14 12:36:02 发布
阅读量881 收藏
点赞数
文章标签： css 读书 div xhtml 语言 浏览器
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/lilaisi/article/details/7028952
版权

1.网页构成

   显示的内容，页面的结构，页面的表现控制，及显示页面的浏览器。内容是目的，结构是基础，表现是美观的关键。（而本人认为表现应该还在内容之上）

2.web标准

(1)结构标准语言（包括XHTML和XML）

(2)表现标准语言（包括CSS）

(3)行为标准（包括DOM,ECMAScript）

lilaisi
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
看书《DIV+CSS商业案例与网页布局开发精讲》_CSS语法_随手笔记
cherry_vicent的专栏
11-29 898
1、CSS 的作用是通过结构语言来实现的，通过结构做桥梁，控制页面内容的显示效果（即表现） 2、CSS语法 包括3个方面，即选择符、属性、属性值 选择符  {  属性：属性值；} 说明： （1）属性必须包含在{ }中 （2）属性和属性值之间用“：”分隔 （3）当有读个属性时，用“；”进行区分 （4）在书写属性时，属性之间使用空格、换行等并不影响属性的
DIV+CSS商业案例与网页布局精讲读书笔记（6-1）
12-09 354
制作站点导航栏 本节主要是理解CSS属性float.   1. 站点导航栏的分类（总体目的是讲究实用性、美观性、以及网站的特色） 根据性质：框架导航栏、文本导航栏、图片导航栏 根据位置：横排导航栏、竖排导航栏   2 CSS的浮动属性float 理解float属性，我们则需要先理解CSS网页布局理：就是按照HTML代码中对象声明的顺序，以流布局的方式来显示它。什么是流布局也就是将窗
DIV+CSS商业案例与网页布局精讲读书笔记（4）
12-03 241
制作背景 背景分为颜色背景和图片背景，分别对应的CSS属性是background-color和background-image   1.颜色背景 （1） 颜色背景属性的语法： background-color: RGB颜色分量、十六进制颜色值、颜色英文关键值。 例如： background-color: rgb(255,0,255);; background-color: #000
DIV+CSS商业案例与网页布局精讲读书笔记（3）
12-01 243
web标准中的兼容问题 1. 产生的原因 浏览器的版本问题 浏览器的兼容问题---对CSS属性的解释不同。   2.解决方法 避免使用会产生兼容问题的属性。 使用CSS hack解决兼容问题。   3 CSS hack的使用 针对IE浏览器 针对FireFox浏览器
DIV+CSS商业案例与网页布局精讲读书笔记（2）
11-30 784
1.CSS的语法 选择符{ 属性：属性值；}  如body{color:red;}   属性和属性值都很好理解, 主要是选择符，选择符有通配选择符、类型选择符、包含选择符、ID选择符、类选择符。 下面是各类选择符的写法要求： （1）通配选择符   和很多语言一样，“*”这个符号在CSS里代表所有，即通配选择器。通配选择器的作用是用于对元素的一种统一预设定（相当于我们写程序时给定义的变量一个
DIV+CSS商业案例与网页布局精讲读书笔记（5）
12-07 482
制作Logo和Banner 1. Logo和Banner的尺寸 logo  81x33 像素 互联网上最普遍的尺寸。 120x60像素 一般大小 120x 90像素 大型.   Banner 最常用的486X60 像素。   2 盒子模型 盒子模型的组成： content（内容）、border （边框） 、padding（内边框）、 margin（外边框）四个部分组成。 请注
DIV+CSS商业案例与网页布局精讲读书笔记（6-2）
12-09 274
（2）当块一块二均设有float属性，且其值相反时， 块一块二在同一行上并分部于外部层的左右。   （3）当块一和块二均设float属性并且属性值同样时，块二跟块一在同一则，同一行上。而块一跟块二之间的间隔等于块一的margin和块二的margin之和，   （4） 当块一块二设置宽度时， 块一块二的宽度之和不能超出外层宽度减去两个外层的内边距之和，再减去两个块一的外边距之和，再减去两个块
看书《DIV+CSS商业案例与网页布局开发精讲》_制作页面结构的版式_随手笔记
cherry_vicent的专栏
12-12 712
1、段落的设置 一般，段落排版分为行高、水平对齐、垂直对齐、文本缩进、字母间距、单词间距等内容。 （1）行高属性：line-height   属性值：normal、单位数值(如xx像素) （2）水平对齐属性：text-align   属性值：left、right、center、justify(段落两端对齐) （3）垂直对齐属性：vertical-align   属性值
【原】《DIV+CSS商业案例与网页布局开发精讲》读书笔记(1)
weixin_34281537的博客
06-18 69
1.Web标准： 分为3个方面，结构标准语言（包括XHTML和XML）、表现标准语言（包括CSS）和行为标准语言（包括DOM、ECMAScript）。 2.结构标准语言： 1)XML:The eXtensible Markup Language的简写，具有强大的扩展性，用于网络数据的转换和描述。 2)XHTML:The eXtensible HyperText Markup Languag...
DIV+CSS商业案例与网页布局源代码
01-31
《DIV+CSS商业案例与网页布局源代码》 在网页设计领域，DIV+CSS是一种广泛使用的布局技术，它极大地提升了网页的可维护性和表现力。本资源包包含了多个基于DIV+CSS的商业案例和网页布局的源代码，是学习和实践这一...
DIV+CSS商业案例与网页布局源代码.rar
02-26
免责声明：资料部分来源于合法的互联网渠道收集和整理，部分自己学习积累成果，供大家学习参考与交流。收取的费用仅用于收集和整理资料耗费时间的酬劳。 本人尊重原创作者或出版方，资料版权归原作者或出版方所有，...
DIV+CSS商业案例与网页布局 源代码
02-13
《DIV+CSS商业案例与网页布局》是一本深入讲解网页设计技术的专业书籍，由邹欢和刘起芳共同编著。书中通过丰富的实例，详细阐述了如何利用DIV+CSS技术来构建高效、美观且响应式的网页布局。源代码是配套书籍内容的...
DIV+CSS 网页布局心得
09-27
**DIV+CSS网页布局心得** 在网页设计领域，DIV+CSS布局已经成为主流，因为它提供了更加灵活、可维护性更强的页面构建方式。相比于传统的TABLE布局，DIV+CSS更符合Web标准，有助于提升网页的性能和可访问性。下面将...
scss概念及使用
m0_74293254的博客
07-10 1136
/ 样式规则使用参数在上面的例子中，@mixin 关键字定义了一个名为 mixin-name 的混合，可以接受多个参数（如果需要的话），并在其中定义一组样式规则。SCSS 的三种循环结构 @for、@each 和 @while 分别用于按照索引循环、遍历列表或 map 类型数据、以及根据条件循环生成样式。这些循环结构使得 SCSS 更加强大和灵活，能够根据需求生成复杂的 CSS 规则。在 SCSS 中，可以使用自定义函数来增强样式表的功能，这些函数可以接受参数并返回处理后的值。
CSS技巧专栏：一日一例 3.纯CSS实现炫酷多彩按钮特效
uu0216的博客
07-10 1242
CSS的 box-shadow 属性可以用来给一个元素添加一个或多个阴影效果。如果你想要给一个div元素添加多种颜色的投影，你可以通过在box-shadow属性中用逗号分隔多个值对来实现。 上面代码，我们分别给按钮增加了红，黄，蓝，绿四种颜色的投影，并且让投影扩散范围增大，我们看看效果是不是我们想要的。在浏览器中刷新我们的按钮页面，把鼠标移动到按钮上，我们得到了这样的按钮效果：
css 自定义变量 var()
Z_Wonderful的博客
07-10 208
css的一个函数：`var()`，此函数在有些场景下能优化不少代码量。
css画半圆&&画圆弧
M1512415的博客
07-12 193
【代码】css画半圆&&画圆弧。
CSS变换
最新发布
m0_63165331的博客
07-14 459
本文主要讲述CSS中的变换相关内容。
DIV+CSS课件.ppt
07-02
1. DIV+CSS的概述：课程首先介绍了业界对DIV+CSS标准化设计的重视，这是网页设计行业的一个重要趋势。DIV+CSS布局方法相较于传统的表格布局，强调内容与样式的分离，虽然初期可能让设计人员感到不适应，因为样式无法...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值