附录③ css画圆角

yanshiba 2023-01-12 14:57:20

课时名称	课时知识点
附录③ css画圆角

...全文

219 回复打赏收藏转发到动态举报

写回复

回复

切换为时间正序

请发表友善的回复…

发表回复

第1章　（X）HTML与CSS核心基础　　1.1　HTML与XHTML　　　1.1.1　追根溯源　　　1.1.2　 DOCTYPE（文档类型）的含义与选择　　　1.1.3　XHTML与HTML的重要区别　　1.2　（X）HTML与CSS　　　1.2.1　CSS标准简介　　　1.2.2　在HTML中引入CSS的方法　　1.3　基本CSS选择器　　　1.3.1　标记选择器　　　1.3.2　类别选择器　　　1.3.3　ID选择器　　1.4　复合选择器　　　1.4.1　“交集”选择器　　　1.4.2　“并集”选择器　　　1.4.3　后代选择器　　1.5　CSS的继承特性　　　 1.5.1　继承关系　　　1.5.2　CSS继承的运用　　1.6　CSS的层叠特性　 1.7　本章小结　第2章　 “CSS禅意花园”作品鉴赏　　2.1　“CSS禅意花园”简介　　2.2　郊野——两列布局　　2.3　像素画——三列布局　　 2.4　百合池塘——三列布局变体　　2.5　郁金香——多列布局　　2.6　日与夜——包含圆角的设计　　2.7　Si6—— 包含倾斜的设计　　2.8　清茶时光——装饰性设计　　2.9　爱之空气——流体布局　　2.10　谷香——食品主题设计　　 2.11　城市——建筑主题设计　　2.12　“卡通版”禅意花园——特色效果　　2.13　收音机——特色效果　　2.14　杀手风格——特色效果　　2.15　海底世界——特色效果　　2.16　博物馆——特色设计　　2.17　剧院效果——特色效果　　2.18　本章小结　第3章　深入理解盒子模型　3.1　盒子的内部结构　　3.2　边框（border）　　　3.2.1　实验1——border-style 　　　3.2.2　属性值的简写形式　　　3.2.3　实验2——属性的缩写形式　　　3.2.4　实验3——边框与背景　　3.3　内边距（padding）　　3.4　外边距（margin）　　3.5　盒子之间的关系　　　3.5.1　HTML与DOM　　　3.5.2　标准文档流　　　3.5.3　 div 标记与 span 标记　　3.6　盒子在标准流中的定位原则　　　3.6.1　实验1——行内元素之间的水平margin　　　3.6.2　实验 2——块级元素之间的竖直margin　　　3.6.3　实验3——嵌套盒子之间的margin　　　3.6.4　实验4——将 margin设置为负值　　3.7　CSS中的几何题　　3.8　本章小结　第4章　盒子的浮动与定位　4.1　盒子的浮动　　　4.1.1　准备代码　　　4.1.2　实验1——设置第1个浮动的div　　　4.1.3　实验2——设置第2个浮动的div　　　4.1.4　实验3——设置第3个浮动的div　　　4.1.5　实验4——改变浮动的方向　　　4.1.6　实验5——再次改变浮动的方向　　　4.1.7　实验6——全部向左浮动　　　4.1.8　实验7——使用clear属性清除浮动的影响　　　4.1.9　实验8——扩展盒子的高度　　4.2　盒子的定位　　　4.2.1　static（静态定位）　　　 4.2.2　relative（相对定位）　　　4.2.3　absolute（绝对定位）　　　4.2.4　fixed（固定定位）　　 4.3　z-index空间位置　　4.4　盒子的display属性　　4.5　本章小结　第5章　文字与图像　 …… 第 6章　链接与导航　第7章　竖直排列的导航菜单　第8章　水平导航菜单　第9章　下拉菜单　第10章　表格也精彩　第 11章　圆角设计　第12章　应用Spry制作高级网页组件　第13章　固定宽度布局剖析与制作　第14章　变宽度网页布局剖析与制作　第15章　“CSS禅意花园”作品研究　第16章　综合案例研究　第17章　从学习到创作　附录　CSS英文小字典

第1章　（X）HTML与CSS核心基础　　1.1　HTML与XHTML　　　1.1.1　追根溯源　　　1.1.2　DOCTYPE（文档类型）的含义与选择　　　1.1.3　XHTML与HTML的重要区别　　　1.2　（X）HTML与CSS　　　1.2.1　CSS标准简介　　　1.2.2　在HTML中引入CSS的方法　　　1.3　基本CSS选择器　　　1.3.1　标记选择器　　　1.3.2　类别选择器　　　1.3.3　ID选择器　　　1.4　复合选择器　　　1.4.1　“交集”选择器　　　1.4.2　“并集”选择器　　　1.4.3　后代选择器　　　1.5　CSS的继承特性　　　1.5.1　继承关系　　　1.5.2　CSS继承的运用　　　1.6　CSS的层叠特性　　　1.7　本章小结第2章　“CSS禅意花园”作品鉴赏　　2.1　“CSS禅意花园”简介　　　2.2　郊野——两列布局　　　2.3　像素画——三列布局　　　2.4　百合池塘——三列布局变体　　　2.5　郁金香——多列布局　　　2.6　日与夜——包含圆角的设计　　　2.7　Si6——包含倾斜的设计　　　2.8　清茶时光——装饰性设计　　　2.9　爱之空气——流体布局　　　2.10　谷香——食品主题设计　　　2.11　城市——建筑主题设计　　　2.12　“卡通版”禅意花园——特色效果　　　2.13　收音机——特色效果　　　2.14　杀手风格——特色效果　　　2.15　海底世界——特色效果　　　2.16　博物馆——特色设计　　　2.17　剧院效果——特色效果　　　2.18　本章小结第3章　深入理解盒子模型　　3.1　盒子的内部结构　　　3.2　边框（border）　　　3.2.1　实验1——border-style 　　3.2.2　属性值的简写形式　　　3.2.3　实验2——属性的缩写形式　　　3.2.4　实验3——边框与背景　　　3.3　内边距（padding）　　　3.4　外边距（margin）　　　3.5　盒子之间的关系　　　3.5.1　HTML与DOM　　　3.5.2　标准文档流　　　3.5.3　div 标记与 span 标记　　　3.6　盒子在标准流中的定位原则　　　3.6.1　实验1——行内元素之间的水平margin　　　3.6.2　实验2——块级元素之间的竖直margin　　　3.6.3　实验3——嵌套盒子之间的margin　　　3.6.4　实验4——将margin设置为负值　　　3.7　CSS中的几何题　　　3.8　本章小结第4章　盒子的浮动与定位　　4.1　盒子的浮动　　　4.1.1　准备代码　　　4.1.2　实验1——设置第1个浮动的div　　　4.1.3　实验2——设置第2个浮动的div　　　4.1.4　实验3——设置第3个浮动的div　　　4.1.5　实验4——改变浮动的方向　　　4.1.6　实验5——再次改变浮动的方向　　　4.1.7　实验6——全部向左浮动　　　4.1.8　实验7——使用clear属性清除浮动的影响　　　4.1.9　实验8——扩展盒子的高度　　　4.2　盒子的定位　　　4.2.1　static（静态定位）　　　4.2.2　relative（相对定位）　　　4.2.3　absolute（绝对定位）　　　4.2.4　fixed（固定定位）　　　4.3　z-index空间位置　　　4.4　盒子的display属性　　　4.5　本章小结第5章　文字与图像　　…… 　　第6章　链接与导航　　　第7章　竖直排列的导航菜单　　　第8章　水平导航菜单　　　第9章　下拉菜单　　　第10章　表格也精彩　　　第11章　圆角设计　　　第12章　应用Spry制作高级网页组件　　　第13章　固定宽度布局剖析与制作　　　第14章　变宽度网页布局剖析与制作　　　第15章　“CSS禅意花园”作品研究　　　第16章　综合案例研究　　　第17章　从学习到创作　　　附录　CSS英文小字典

好多资源不全，所以再次上传《CSS设计彻底研究》是一本深入研究和揭示CSS设计技术的书籍。《CSS设计彻底研究》在透彻地讲解CSS核心技术的基础上，深入到各个实际应用领域中，充分向读者演示了如何使用CSS的各项技术，实现令人眩目的网页布局和效果。《CSS设计彻底研究》适合需要使用CSS的Web设计人员和开发人员阅读，最好具备一定的HTML和网页设计制作基础。 CSS：像艺术家一样浪漫，像工程师一样严谨；核心原理、技巧与设计实战；剖析CSS原理4大核心：盒子模型、标准流、浮动、定位创建主流流览器全兼容的网站：IE 6/UE 7/ Firefox讲解各类网页布局方法：固定宽度布局、变宽布局制作流行的网页元素：导航、菜单、圆角、面板为学习者提供：CSS常用单词英汉对照表内容丰富的配套网站。《CSS设计彻底研究》是一本深入研究和揭示CSS设计技术的书籍。《CSS设计彻底研究》透彻地讲解CSS核心技术的基础上，深入到各个实际应用领域中，充分向读者演示了如何使用CSS的各项技术，实现令人眩目的网页布局和效果。内容提要 -------------------------------------------------------------------------------- 《CSS设计彻底研究》详细介绍了CSS核心基础、盒子模型等知识，力求把道理和方法讲清楚，采用了“探索式”的讲解方法，对于一个问题，例如标准流、浮动、定位等规律，均通过一系列动手实验，使读者自己就能够非常自然地得出结论，使读者不但知其然，而且还知其所以然。在《CSS设计彻底研究》中对设计中常用的网页元素和布局方式都给出详细的分类和归纳，并讲解了完整的解决方法，主要包括各种导航菜单（水平的、竖直的、固定宽度的、自适应宽度的、下拉的等），Tab面板、伸缩面板和折叠面板，以及各种形式的分列布局（固定宽度的、变化宽度的、固定宽度与变化宽度结合的），等等。这样读者在理解了方法的基础上，可以直接将案例用在自己的设计中的，只需要按照所需进行修改即可。目录 -------------------------------------------------------------------------------- 第1章　（X）HTML与CSS核心基础 1.1　HTML与XHTML 1.1.1　追根溯源 1.1.2　DOCTYPE（文档类型）的含义与选择 1.1.3　XHTML与HTML的重要区别 1.2　（X）HTML与CSS 1.2.1　CSS标准简介 1.2.2　在HTML中引入CSS的方法 1.3　基本CSS选择器 1.3.1　标记选择器 1.3.2　类别选择器 1.3.3　ID选择器 1.4　复合选择器 1.4.1　“交集”选择器 1.4.2　“并集”选择器 1.4.3　后代选择器 1.5　CSS的继承特性 1.5.1　继承关系 1.5.2　CSS继承的运用 1.6　CSS的层叠特性 1.7　本章小结第2章　“CSS禅意花园”作品鉴赏 2.1　“CSS禅意花园”简介 2.2　郊野——两列布局 2.3　像素画——三列布局 2.4　百合池塘——三列布局变体 2.5　郁金香——多列布局 2.6　日与夜——包含圆角的设计 2.7　Si6——包含倾斜的设计 2.8　清茶时光——装饰性设计 2.9　爱之空气——流体布局 2.10　谷香——食品主题设计 2.11　城市——建筑主题设计 2.12　“卡通版”禅意花园——特色效果 2.13　收音机——特色效果 2.14　杀手风格——特色效果 2.15　海底世界——特色效果 2.16　博物馆——特色设计 2.17　剧院效果——特色效果 2.18　本章小结第3章　深入理解盒子模型 3.1　盒子的内部结构 3.2　边框（border） 3.2.1　实验1——border-style 3.2.2　属性值的简写形式 3.2.3　实验2——属性的缩写形式 3.2.4　实验3——边框与背景 3.3　内边距（padding） 3.4　外边距（margin） 3.5　盒子之间的关系 3.5.1　HTML与DOM 3.5.2　标准文档流 3.5.3　 div 标记与 span 标记 3.6　盒子在标准流中的定位原则 3.6.1　实验1——行内元素之间的水平margin 3.6.2　实验2——块级元素之间的竖直margin 3.6.3　实验3——嵌套盒子之间的margin 3.6.4　实验4——将margin设置为负值 3.7　CSS中的几何题 3.8　本章小结

《CSS网站布局实录:基于Web标准的网站设计指南(第2版)》内容提要：本书是一本讲述基于Web标准的应用CSS进行网站布局设计与重构的典范之作。本书以实例为主,一步步地告诉大家如何进行符合Web 2.0标准的CSS布局设计。具备了知识全面、完美应用(CSS选择器、样式继承、层叠、格式化、XML标签、CSS滤镜等。文本、图像、超链接、列表、菜单、网站导航、表单、数据表格、浮动布局等CSS布局控制。),智能、创造型布局思维(智慧、完美视觉艺术效果之CSS布局技巧、CSS Hack实践战略),Web技术团队倾情奉献(来自CSS布局与Web标准应用之先驱——闪客帝国... [显示全部] 《CSS网站布局实录:基于Web标准的网站设计指南(第2版)》图书目录：第1章 Web标准与CSS布局概述 1.1 Web标准的历史及发展 1.1.1 什么是Web标准 1.1.2 Web表现层技术 1.1.3 Web标准的历史 1.2 Web标准的构成 1.2.1 结构(Structure) 1.2.2 表现(Presentation) 1.2.3 行为(Behavior) 1.3 Web标准有什么好处 1.4 CSS布局与table布局的区别 1.4.1 CSS 2.0的优势 1.4.2 传统的table布局与CSS布局 1.5 向Web标准过渡 1.5.1 从HTML转向XHTML 1.5.2 发挥CSS 2.0的作用 1.6 常见问题 1.6.1 什么样的网站才符合Web标准 1.6.2 使用Web标准之后表格还有用吗 1.6.3 可以继续使用HTML来设计网页吗 1.6.4 为什么不直接使用到XML 1.6.5 学习CSS布局比表格困难吗 1.6.6 CSS布局是否意味着必须手写代码 1.6.7 什么叫网站重构 1.6.8 使用Web标准之后就不再存在兼容性问题了吗 1.6.9 有没有Web标准方面的优秀图书或网站 1.6.10 使用CSS设计只能做出简单的网页吗 1.7 面向现在与未来的设计 1.7.1 Web标准与Web 2.0 1.7.2 用户体验技术 1.7.3 用户体验设计的发展趋势第2章 XHTML与CSS基础 2.1 XHTML基础 2.2 选择合适的DTD 2.3 选择合适的标签 2.4 给CSS留下接口 2.5 良好的XHTML编写习惯 2.6 CSS语法结构 2.6.1 CSS属性与选择符 2.6.2 类型选择符 2.6.3 群组选择符 2.6.4 包含选择符 2.6.5 id及class选择符 2.6.6 标签指定式选择符 2.6.7 组合选择符 2.6.8 伪类及伪对象 2.6.9 通配选择符 2.7 CSS数据单位 2.8 应用CSS到网页中 2.8.1 行间样式表 2.8.2 内部样式表 2.8.3 外部样式表 2.9 样式优先权问题 2.9.1 写法优先权 2.9.2 选择符优先权 2.9.3 样式继承 2.9.4 !important语法 2.10 代码注释 2.11 CSS开发环境与调试环境第3章 CSS网页布局与定位 3.1 认识div 3.1.1 div是什么 3.1.2 如何使用div 3.1.3 理解div 3.1.4 并列与嵌套div结构 3.1.5 使用合适对象来布局 3.2 一列固定宽度 3.3 一列宽度自适应 3.4 二列固定宽度 3.5 二列宽度自适应 3.6 两列右列宽度自适应 3.7 二列固定宽度居中 3.8 三列浮动中间列宽度自适应 3.9 高度自适应 3.10 盒模型详解(.Box Model) 3.10.1 什么是盒模型 3.10.2 盒模型的细节 3.10.3 上下margin叠加问题 3.10.4 左右margin加倍问题 3.11 深入浮动(Float) 3.11.1 文档流(Document Flow) 3.11.2 浮动定位 3.11.3 浮动的清理(Clear) 3.11.4 何时选用浮动定位 3.12 绝对定位与相对定位 3.12.1 绝对定位 3.12.2 相对定位 3.12.3 何时选用绝对与相对定位第4章 CSS网站元素设计 4.1 用CSS设计网站导航 4.1.1 横向导航 4.1.2 纵向导航 4.1.3 下拉及多级弹出式菜单 4.1.4 门户网站的导航设计(闪客帝国) 4.2 背景控制 4.2.1 背景颜色 4.2.2 背景图片 4.2.3 背景定位 4.2.4 背景滚动 4.2.5 背景属性缩写 4.2.6 基于背景控制的导航优化 4.3 使用列表元素 4.3.1 ul无序列表 4.3.2 ol有序列表 4.3.3 改变项目符号样式 4.3.4 使用图片自定义项目符号 4.3.5 使列表变为段落 4.3.6 列表缩进排版 4.3.7 复杂列

本书系统讲解HTML和CSS基础知识，涵盖文档结构、文本格式化、链接、图像、表格、表单及CSS样式设计。通过实例引导读者构建网页并提升视觉表现力，适合初学者快速入门并掌握现代Web开发核心技能。

刘道成（燕十八）的课程社区_NO_1

1

社区成员

78

社区内容

发帖

与我相关

我的任务

社区管理员

加入社区

近7日
近30日
至今

加载中

查看更多榜单

社区公告

暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章