最新公告
  • 欢迎您光临牛品源码网,本站秉承服务宗旨 履行“站长”责任,销售只是起点 服务永无止境!立即加入我们
    • 网站公告
    • 热门标签
    • 资源专题
    • 资源存档
    • 联系我们
    牛品源码
    10年
    专注建站行业优质资源供应商
    升级SVIP
    登录 / 注册
    站长资源平台
    • 技术学习大厅
      • NET教程489
      • PHP教程429
      • C语言C++560
      • JAVA教程1742
      • Python教程447
      • 前端教程1297
      • 云计算教程465
      • 操作系统1028
      • 数据库教程923
      • 零基础视频教程14
      • WordPress教程111
        • WordPress子主题1
        • WordPress模板128
      • 其他教程104
        • CMS教程107
        • DEDECMS教程28
        • 编程办公84
    • 网站模板仓库
      • DEDECMS模板81
      • 帝国CMS模板88
      • 织梦模板源码192
      • 其它CMS模版12
      • 企业网站模板870
      • 响应式模板243
      • Discuz模板196
      • 单页模板212
      • 后台模板429
      • 模板素材243
      • 专题模板209
      • 简历模板345
    • 模板主题
      • PPT模板1832
      • 主题模板3833
      • 公司模板119
      • 动物模板41
      • 商务模板1505
      • 国外模板265
      • 科技模板169
      • 背景模板189
      • 自然模板151
      • 节日模板709
      • 行业模板718
      • 通用模板513
    • 设计学院
      • PPT模板1832
      • PSD素材3826
      • 设计素材3422
      • ppt素材645
      • ppt图表559
      • ppt特效428
      • 图片素材3138
      • 摄影剪辑34
    • 网站源码
      • 办公/软件/电脑420
      • 商城/淘客/网店264
      • 小说/新闻/博客163
      • 支付/金融/货币347
      • 电影/视频/音乐172
      • 会员/推广/交流94
      • 企业/公司/政府863
      • 亲测网站源码40
      • 小程序源码649
      • 影视网站源码15
      • 网站源码14270
      • 其它源码221
        • 汽车/车行/交通22
        • 资源/下载/技术62
        • 域名/空间/建站56
        • 个人网站27
        • 支付源码5
        • 防红源码7
    • 代码特效
      • CSS代码96
      • HTML5实例169
      • HTML编辑器24
      • css/div/h5特效230
      • 名站特效321
      • 图片特效558
      • 在线客服92
      • 常用特效986
      • 广告代码32
      • 图片代码322
    • 站长资讯
      • 云计算领域22
      • 大数据领域36
      • 网络推广156
      • 站长访谈173
      • 网站运营153
      • 搜索优化867
      • 健身养生32
      • 两性相关49
      • 其他分享55
      • 职场关系37
      • 自我提升76
      • 长点知识29
      • 新媒体运营15
    • QQ工具箱
      • QQ签名1611
      • QQ头像101
      • QQ皮肤155
      • QQ表情216
      • QQ网名4154
      • QQ说说507
      • 技术工具23
      • 学习测试16
      • 微信技巧20
      • QQ技巧25

    CSS实战手册 第二版_前端开发教程

    2020-07-22 前端教程 14 已收录
    当前位置:牛品源码 > 学习教程 > 前端教程 > CSS实战手册 第二版_前端开发教程
    正文概述

    资源名称:CSS实战手册 第二版

    内容简介:

    本书从介绍最基本的CSS知识开始,到建立用于打印网页的CSS和改进你的CSS习惯的最佳实践。将关于CSS的选择器、继承、层叠、格式化、边距、填充、边框、图片、网站导航、表格、表单、浮动布局、定位网页上的元素,以及用于打印网页的CSS等技术通过逐步地讲解与教程串联了起来。每章内容从简单到复杂,一步一步地建立起一个完整的教程示例,并在每章都会详细讨论一些技巧、最佳实践和各浏览器之间一致性的兼容问题及如何进行修复,以及给出实际的解决办法来创建最佳展现效果的页面,在各章节的最后都给出了相应教程的详细操作步骤。并且介绍了最新的CSS 3特性及常见问题,最后还提供了完整的CSS属性参考、Dreamweaver CS4中的CSS及书中提到的相关CSS资源列表。

    本书适合于刚刚接触CSS的朋友们阅读并亲自动手实践,具有HTML、XHTML和CSS基本知识但想创建更加完美的网页的设计人员,以及须要创建在各种不同的浏览器之间兼容并都能够达到同样展现效果的CSS专家们作为参考。

    资源目录:

    简介 1

    第1部分 CSS基础知识 11

    第1章 对HTML的再思考 12

    HTML的过去与现在 12

    HTML的过去:看起来一切都好 12

    HTML的现在:CSS的脚手架 14

    为CSS编写HTML 14

    思考布局结构 14

    学习两种新的HTML标签 15

    可以忘却的HTML标签和属性 16

    编写技巧 17

    Doctype(文档类型)的重要性 20

    充分利用Internet Explorer 8 21

    第2章 创建样式和样式表 23

    样式剖析 24

    理解样式表 25

    如何选择内部或外部样式表 25

    内部样式表 26

    外部样式表 27

    用HTML链接样式表 28

    用CSS链接样式表 28

    教程:创建第一个样式 29

    创建行内样式 29

    创建内部样式表 31

    创建外部样式表 32

    第3章 选择器:明确设置哪些样式 37

    标签选择器:整体控制 37

    类选择器:精确控制 38

    ID选择器:控制特殊的网页元素 40

    给标签组定义样式 42

    构建群选择器 42

    通用选择器(*) 43

    给标签内的标签定义样式 43

    HTML族谱 44

    创建派生选择器 45

    伪类和伪元素 46

    给链接定义样式 47

    给段落定义样式 47

    更多的伪类和伪元素 47

    高级选择器 50

    子选择器 50

    同胞选择器 51

    属性选择器 52

    教程:选择器模型 54

    创建群选择器 56

    创建和应用类选择器 56

    创建派生选择器 58

    创建和应用ID选择器 60

    点睛之笔 61

    第4章 用样式继承节省时间 63

    什么是继承 63

    继承如何简化样式表 64

    继承的局限性 65

    教程:继承 66

    基本范例:一级继承 66

    用继承重新设置整个网页的样式 67

    继承不起作用 69

    第5章 用层叠管理多样式 71

    样式如何层叠 71

    继承样式的叠加 72

    最近的祖先样式胜出 72

    直接应用的样式胜出 73

    一个标签,多个样式 74

    用权重值决定哪种样式胜出 75

    权重值相同时最后一个样式胜出 76

    控制层叠 77

    改变权重值 78

    选择性地覆盖 79

    重新创建样式 79

    教程:层叠实例 80

    重置CSS,重新设置样式 81

    创建混合样式 82

    消除样式冲突 83

    第2部分 CSS实用技术 87

    第6章 文本格式化 88

    如何格式化文本 89

    如何选择字体 89

    如何给文本添加颜色 92

    如何修改字号 93

    pixel(像素)的用法 94

    Keyword(关键字)、Percentage(百分比)和Em(行长单位)的用法 94

    如何格式化词语和字母 97

    斜体化和粗体化 97

    大写化 98

    文本的修饰 98

    字母间距和字间距 100

    如何格式化整个段落 100

    如何调整行间距 101

    如何对齐文本 102

    首行缩进并去除边距 102

    格式化段落的首字母或首行 104

    如何给列表定义样式 105

    列表的类型 105

    给项目符号和项目序号定位 107

    图形项目符号 108

    教程:文本格式化实例 109

    创建网页 109

    格式化标题和段落 111

    格式化列表 113

    利用类进行微调 114

    点睛之笔 116

    第7章 Margin、Padding和Border 118

    理解盒模型 118

    用Margin和Padding控制空间 119

    Margin和Padding的快捷属性 121

    边距冲突 121

    用margin负值消除空格 122

    显示行内盒子和块级盒子 123

    添加边框 125

    border属性的快捷设定法 125

    单独格式化各条边框 126

    设置背景色 128

    确定高度和宽度 128

    计算盒子的实际宽度和高度 129

    用Overflow属性控制溢出文本 130

    用浮动元素包围内容 132

    Background(背景)、Border(边框)和Float(浮动) 134

    停止浮动 135

    教程:Margin、Background和Border 137

    如何控制网页的边距和背景 137

    调整标签周围的空间 139

    创建侧边栏 141

    修复浏览器的bug 143

    精益求精 145

    第8章 给网页添加图片 146

    CSS和标签 146

    背景图片 147

    控制重复 150

    定位背景图片 151

    关键字 152

    精确值 153

    percentage(百分比)值 153

    如果固定图片 155

    利用background快捷属性 155

    教程:美化图片 157

    给图片添加边框 157

    给图片添加说明 159

    教程:创建相册 161

    添加阴影 164

    教程:使用背景图片 167

    给网页背景添加图片 167

    用图片代替边框 169

    给无序列表使用图片 170

    使侧边栏更有特色 171

    精益求精 174

    第9章 装饰网站导航 175

    选择要定义样式的链接 175

    理解链接状态 175

    针对特定链接 177

    给链接定义样式 178

    给链接添加下划线 178

    创建按钮 180

    利用图片 181

    创建导航栏 182

    使用无序列表 182

    垂直导航栏 183

    水平导航栏 185

    高级链接技术 190

    超大的可点击按钮 190

    CSS式的预载替换法 191

    滑动门 193

    给特殊的链接类型定义样式 194

    教程:给链接定义样式 196

    基本链接格式 196

    给链接添加背景图片 198

    突显不同的链接 199

    教程:创建导航栏 201

    添加替换效果并创建“你在此处”的链接 204

    修正IE的bug 206

    从垂直到水平 207

    第10章 表格和表单的格式化 210

    让表格专司其职 210

    给表格定义样式 212

    添加Padding 212

    调整垂直对齐和水平对齐 212

    创建边框 213

    给行和列定义样式 214

    给表单定义样式 216

    HTML的表单元素 216

    利用CSS布置表单 219

    教程:给表格定义样式 220

    教程:给表单定义样式 225

    第3部分 CSS网页布局 229

    第11章 CSS布局简介 230

    网页布局的类型 230

    如何进行CSS布局 232

    强大的标签 232

    CSS布局的方法 233

    布局策略 234

    从内容入手 234

    设计草图 234

    找出方框 235

    顺应页面流 235

    记住背景图片 235

    拼图中的小部件 237

    给元素设计层次 237

    别忘了margin和padding 237

    第12章 构建基于浮动的布局 238

    用浮动进行布局 240

    让所有列都浮动 241

    在浮动元素中浮动 243

    用margin负值给元素定位 243

    克服浮动问题 247

    清除浮动和保持浮动 248

    创建全网页高度的列 250

    防止float drop 253

    处理Internet Explorer 6的bug 255

    双边距bug 255

    3px间隙 257

    其他IE问题 258

    教程:多列的布局 259

    搭建HTML结构 260

    创建布局样式 260

    再添加一列 261

    添加一个“Faux列” 262

    固定宽度 264

    教程:负边距布局 265

    居中布局 265

    让列浮动 267

    最后的调整 269

    第13章 定位网页上的元素 271

    定位属性的作用 271

    设置定位值 273

    当绝对定位变成相对时 276

    何时(以及在何处)使用相对定位 277

    堆叠元素 279

    隐藏部分网页 280

    强大的定位策略 280

    在元素内部进行定位 281

    让元素超出方框 283

    用CSS定位进行网页布局 283

    用固定定位创建CSS式的框架 286

    教程:定位网页元素 290

    美化网页的横幅 290

    给照片添加说明文字 292

    网页排版 295

    第4部分 CSS高级技术 299

    第14章 设计打印页面的CSS技术 300

    Media样式表的作用 300

    如何添加Media样式表 302

    给外部样式表指定媒体类型 302

    在样式表中指定媒体类型 302

    创建打印样式表 303

    用!important覆盖屏显样式 304

    重写文本样式 304

    定义打印背景 305

    隐藏不需要的页面区域 307

    给打印添加分页符 308

    教程:创建打印样式表 309

    取消不需要的网页元素 309

    调整布局 311

    重设文本格式 312

    显示URL 313

    第15章 改正CSS设计习惯 315

    添加注释 315

    组织样式和样式表 316

    样式命名要清晰 316

    使用多个类可以节省时间 317

    将样式分组 318

    使用多个样式表 319

    消除浏览器的样式冲突 321

    使用派生选择器 324

    划分网页 325

    标识主体(Body) 326

    管理Internet Explorer的修复代码 328

    优先为当代浏览器设计 328

    用条件注释隔离IE的CSS代码 329

    第16章 CSS 3:最先进的CSS技术 331

    CSS 3特性概览 332

    CSS 3选择器 332

    子选择器 332

    类型选择器 334

    Opacity属性 335

    RGBA颜色 337

    在Internet Explorer中模拟RGBA 338

    文本的阴影效果 339

    字体自由 340

    生成内容 342

    索引 345

    资源截图:

    1.png

    前端开发教程 移动网页前端开发 网站前端开发 网页前端开发教程
    RIPRO主题是一个优秀的主题,极致后台体验,无插件,集成会员系统
    牛品源码 » CSS实战手册 第二版_前端开发教程

    常见问题FAQ

    免费下载或者VIP会员专享资源能否直接商用?
    本站所有资源版权均属于原作者所有,这里所提供资源均只能用于参考学习用,请勿直接商用。若由于商用引起版权纠纷,一切责任均由使用者承担。更多说明请参考 VIP介绍。
    提示下载完但解压或打开不了?
    最常见的情况是下载不完整: 可对比下载完压缩包的与网盘上的容量,若小于网盘提示的容量则是这个原因。这是浏览器下载的bug,建议用百度网盘软件或迅雷下载。若排除这种情况,可在对应资源底部留言,或 联络我们.。
    找不到素材资源介绍文章里的示例图片?
    对于PPT,KEY,Mockups,APP,网页模版等类型的素材,文章内用于介绍的图片通常并不包含在对应可供下载素材包内。这些相关商业图片需另外购买,且本站不负责(也没有办法)找到出处。 同样地一些字体文件也是这种情况,但部分素材会在素材包内有一份字体下载链接清单。
    站壳网
    一个高级程序员模板开发平台

    普通

    分享到:
    上一篇
    疯狂Ajax讲义(第3版)_前端开发教程
    下一篇
    Jav aS cript实例自学手册:通过486个例子掌握Web开发捷径_前端开发教程

    相关推荐

    ASP.NET环境配置AJAX的视频教程_前端开发教程

    ASP.NET环境配置AJAX的视频教程_前端开发教程

    CSS中英文电子书合集_前端开发教程

    CSS中英文电子书合集_前端开发教程

    React 入门实例教程 中文_前端开发教程

    React 入门实例教程 中文_前端开发教程

    ja vasc ript半知半解_前端开发教程

    ja vasc ript半知半解_前端开发教程

    发表评论 取消回复

    原价:50牛币
    • 普通用户购买价格 : 50牛币
    • 钻石会员购买价格 : 50牛币
    • 终身钻石购买价格 : 免费
    • 已售
    • 最近更新2020年07月22日
    QQ咨询
    站长交流群

    互联网站长技术交流群
    共同学习,共同进步,共同成长!

    QQ交流群
    标签
    MYSQL数据库 (923) nosql数据库 (923) Oracle数据库技术 (923) PHP源码 (2111) PHP源码下载 (2108) ppt免费下载 (1832) ppt图片 (1832) ppt文档下载 (1832) PPT模板 (1833) ppt素材 (1832) ppt背景 (1850) psd分层 (3826) PSD图片下载 (3826) psd源文件 (3826) PSD素材 (3826) PSD素材下载 (3826) PSD设计素材 (3826) windows从入门到精通 (1028) [db:标签] (17158) 企业ppt (1832) 企业模板下载 (1582) 企业源码 (1324) 企业网站模板 (1324) 公司网站模板 (1327) 前端开发教程 (1297) 办公ppt (1832) 图片素材 (3143) 操作系统 (1028) 操作系统技术 (1028) 操作系统教程 (1028) 数据库 (985) 服务器教程 (1028) 模板 (1029) 移动网页前端开发 (1297) 网站前端开发 (1297) 网站模板下载 (1582) 网站源码 (2178) 网站源码现下载 (2108) 网页前端开发教程 (1297) 背景图片下载 (3138) 设计图片素材 (6560) 设计素材 (3424) 设计素材下载 (3422) 设计素材免费下载 (3422) 高清图片下载 (3138)
    • 269会员总数(位)
    • 66769资源总数(个)
    • 0本周发布(个)
    • 0 今日发布(个)
    • 1938稳定运行(天)

    提供最优质的资源集合

    立即查看 了解详情
    牛品源码

    加入本站会员
    开启尊贵特权之体验 本站资源支持会员下载专享,普通注册会员只能原价购买资源或者限制免费下载次数,付费会员所有资源可无限下载。并可享受资源折扣或者免费下载。

    本站导航
    友情链接
    开通会员享受折扣优惠
    © 2025 All rights reserved 京ICP备18888888号 京公网安备 188888888

    • SVIP
      升级SVIP会员

      限时钜惠
      终身SVIP仅需39元

      立即开通

    • 客服
      工作时间

      工作日:9:00 - 23:00
      节假日:9:00 - 23:00

      点击咨询客服

    • QQ群

    • 建站

    • 优化

    • 全屏

    牛品源码
    • 登录
    • 注册
    忘记密码?
    牛品源码
    • 技术学习大厅 ►
      • NET教程489
      • PHP教程429
      • C语言C++560
      • JAVA教程1742
      • Python教程447
      • 前端教程1297
      • 云计算教程465
      • 操作系统1028
      • 数据库教程923
      • 零基础视频教程14
      • WordPress教程111 ►
        • WordPress子主题1
        • WordPress模板128
      • 其他教程104 ►
        • CMS教程107
        • DEDECMS教程28
        • 编程办公84
    • 网站模板仓库 ►
      • DEDECMS模板81
      • 帝国CMS模板88
      • 织梦模板源码192
      • 其它CMS模版12
      • 企业网站模板870
      • 响应式模板243
      • Discuz模板196
      • 单页模板212
      • 后台模板429
      • 模板素材243
      • 专题模板209
      • 简历模板345
    • 模板主题 ►
      • PPT模板1832
      • 主题模板3833
      • 公司模板119
      • 动物模板41
      • 商务模板1505
      • 国外模板265
      • 科技模板169
      • 背景模板189
      • 自然模板151
      • 节日模板709
      • 行业模板718
      • 通用模板513
    • 设计学院 ►
      • PPT模板1832
      • PSD素材3826
      • 设计素材3422
      • ppt素材645
      • ppt图表559
      • ppt特效428
      • 图片素材3138
      • 摄影剪辑34
    • 网站源码 ►
      • 办公/软件/电脑420
      • 商城/淘客/网店264
      • 小说/新闻/博客163
      • 支付/金融/货币347
      • 电影/视频/音乐172
      • 会员/推广/交流94
      • 企业/公司/政府863
      • 亲测网站源码40
      • 小程序源码649
      • 影视网站源码15
      • 网站源码14270
      • 其它源码221 ►
        • 汽车/车行/交通22
        • 资源/下载/技术62
        • 域名/空间/建站56
        • 个人网站27
        • 支付源码5
        • 防红源码7
    • 代码特效 ►
      • CSS代码96
      • HTML5实例169
      • HTML编辑器24
      • css/div/h5特效230
      • 名站特效321
      • 图片特效558
      • 在线客服92
      • 常用特效986
      • 广告代码32
      • 图片代码322
    • 站长资讯 ►
      • 云计算领域22
      • 大数据领域36
      • 网络推广156
      • 站长访谈173
      • 网站运营153
      • 搜索优化867
      • 健身养生32
      • 两性相关49
      • 其他分享55
      • 职场关系37
      • 自我提升76
      • 长点知识29
      • 新媒体运营15
    • QQ工具箱 ►
      • QQ签名1611
      • QQ头像101
      • QQ皮肤155
      • QQ表情216
      • QQ网名4154
      • QQ说说507
      • 技术工具23
      • 学习测试16
      • 微信技巧20
      • QQ技巧25
    2025年7月
    一 二 三 四 五 六 日
     123456
    78910111213
    14151617181920
    21222324252627
    28293031  
    « 5月    
    ×
    • 首页

    • 签到

    • 切换

    • 客服

      牛品源码公告:

      终身SVIP限时39元 会员专享优质资源 内容持续上新
      本站资源支持会员下载专享,普通注册会员只能原价购买资源或者限制免费下载次数,付费会员所有资源可无限下载。并可享受资源折扣或者免费下载。
      声明:本站发布的文章及附件仅限用于学习和研究目的.请勿用于商业或非法用途,否则后果请用户自负。 本站所有资源不带技术支持,下载资源请24小时内删除,如用于违法用途,或者商业用途,一律使用者承担。