CSS设计指南(第3版)

CSS设计指南(第3版) PDF 完整版

  • 大小:20.78 MB
  • 类型:CSS
  • 格式:PDF
  • 出版:
  • 作者:码小辫
  • 更新:2021-02-23 16:38:03
vip 立即下载( 20.78 MB )
关注公众号免费下载
版权投诉 / 资源反馈(本资源由用户 熊和惬 投稿)

给网友朋友们带来一篇CSS相关的资料,由出版,作者是码小辫,介绍了关于CSS、CSS设计方面,格式为PDF,资源大小20.78 MB,目前在CSS类资源综合评分为:9.5分。

书籍介绍

讲解透彻、组织巧妙,专设一章讲解最前沿的响应式设计著译双馨,CSS设计入门*

涵盖HTML5、CSS3和响应式设计

CSS设计指南(第3版)》是一本面向初中级读者的经典设计指南。全书共分8章,前4章分别介绍了HTML标记和文档结构、CSS工作原理、定位元素、字体和文本,对规则、声明、层叠、特指度、选择符等基本概念进行了详细解读。随后4章介绍了页面布局、界面组件,CSS3圆角、阴影、渐变、多背景等视觉设计技巧,最后还对如何实现最前沿的响应式设计进行了通俗易懂的演示。

《CSS设计指南(第3版)》适合CSS初中级读者阅读。

目录

  • 第1章 HTML标记与文档结构 
  • 1.1 HTML标记基础 
  • 1.1.1 文本用闭合标签 
  • 1.1.2 引用内容用自闭合标签 
  • 1.1.3 属性 
  • 1.1.4 标题与段落 
  • 1.1.5 复合元素 
  • 1.1.6 嵌套标签 
  • 1.2 HTML文档剖析 
  • 1.2.1 HTML模板 
  • 1.2.2 块级元素和行内元素 
  • 1.2.3 嵌套的元素 
  • 1.3 文档对象模型 
  • 1.4 小结 
  • 第2章 CSS工作原理 
  • 2.1 剖析CSS规则 
  • CSS规则命名惯例 
  • 2.2 上下文选择符 
  • 2.3 特殊的上下文选择符 
  • 2.3.1 子选择符> 
  • 2.3.2 紧邻同胞选择符  
  • 2.3.3 一般同胞选择符~ 
  • 2.3.4 通用选择符* 
  • 2.4 ID和类选择符 
  • 2.4.1 类属性 
  • 2.4.2 ID属性 
  • 2.4.3 什么时候用ID,什么时候用类 
  • 2.4.4 ID和类的小结 
  • 2.5 属性选择符 
  • 2.5.1 属性名选择符 
  • 2.5.2 属性值选择符 
  • 2.5.3 属性选择符的小结 
  • 2.6 伪类 
  • 2.6.1 UI伪类 
  • 2.6.2 结构化伪类 
  • 2.7 伪元素 
  • 2.8 继承 
  • 2.9 层叠 
  • 2.9.1 样式来源 
  • 2.9.2 层叠规则 
  • 2.9.3 计算特指度 
  • 2.10 规则声明 
  • 2.10.1 文本值 
  • 2.10.2 数字值 
  • 2.10.3 颜色值 
  • 2.11 小结 
  • 第3章 定位元素 
  • 3.1 理解盒模型 
  • 3.1.1 盒子边框 
  • 3.1.2 盒子内边距 
  • 3.1.3 盒子外边距 
  • 3.1.4 叠加外边距 
  • 3.1.5 外边距的单位 
  • 3.2 盒子有多大 
  • 3.3 浮动与清除 
  • 3.3.1 浮动 
  • 3.3.2 围住浮动元素的三种方法 
  • 3.4 定位 
  • 3.4.1 静态定位 
  • 3.4.2 相对定位 
  • 3.4.3 绝对定位 
  • 3.4.4 固定定位 
  • 3.4.5 定位上下文 
  • 3.5 显示属性 
  • 3.6 背景 
  • 3.6.1 CSS背景属性 
  • 3.6.2 背景颜色 
  • 3.6.3 背景图片 
  • 3.6.4 背景重复 
  • 3.6.5 背景位置 
  • 3.6.6 背景尺寸 
  • 3.6.7 背景粘附 
  • 3.6.8 简写背景属性 
  • 3.6.9 其他CSS3背景属性 
  • 3.6.10 多背景图片 
  • 3.6.11 背景渐变 
  • 3.7 小结 
  • 第4章 字体和文本 
  • 4.1 字体 
  • 4.1.1 字体族 
  • 4.1.2 字体大小 
  • 4.1.3 字体样式 
  • 4.1.4 字体粗细 
  • 4.1.5 字体变化 
  • 4.1.6 简写字体属性 
  • 4.2 文本属性 
  • 4.2.1 文本缩进 
  • 4.2.2 字符间距 
  • 4.2.3 单词间距 
  • 4.2.4 文本装饰 
  • 4.2.5 文本对齐 
  • 4.2.6 行高 
  • 4.2.7 文本转换 
  • 4.2.8 垂直对齐 
  • 4.3 Web字体大揭秘 
  • 4.3.1 公共字体库 
  • 4.3.2 打包的@font-face包 
  • 4.3.3 生成@font-face包 
  • 4.4 文字版式 
  • 4.4.1 简单的文本布局 
  • 4.4.2 基于网格排版 
  • 4.4.3 经典的排版练习 
  • 4.5 小结 
  • 第5章 页面布局 
  • 5.1 布局的基本概念 
  • 5.2 三栏-固定宽度布局 
  • 5.3 三栏-中栏流动布局 
  • 5.3.1 用负外边距实现 
  • 5.3.2 用CSS3单元格实现 
  • 5.4 多行多栏布局 
  • 5.4.1 CSS选择符的实际应用 
  • 5.4.2 内部DIV实战 
  • 5.5 小结 
  • 第6章 界面组件 
  • 6.1 导航菜单 
  • 6.1.1 纵向菜单 
  • 6.1.2 横向菜单 
  • 6.1.3 下拉菜单 
  • 6.2 表单 
  • 6.2.1 HTML表单元素 
  • 6.2.2 表单标记策略 
  • 6.2.3 设定表单样式 
  • 6.2.4 设计搜索表单 
  • 6.3 弹出层 
  • 6.3.1 堆叠上下文和z-index 
  • 6.3.2 用CSS创造三角形 
  • 6.4 小结 
  • 第7章 CSS3实战 
  • 7.1 规划页面结构 
  • 7.2 页眉 
  • 7.2.1 页面标题 
  • 7.2.2 搜索表单 
  • 7.2.3 菜单 
  • 7.3 专题区 
  • 7.3.1 登录表单 
  • 7.3.2 博文链接 
  • 7.4 图书区 
  • 7.5 页脚 
  • 7.6 小结 
  • 第8章 响应式设计 
  • 8.1 小设备上的大布局 
  • 8.2 媒体查询 
  • 8.2.1 @media规则 
  • 8.2.2 标签的media属性 
  • 8.2.3 断点 
  • 8.2.4 用标签设定视口 
  • 8.3 针对平板优化布局 
  • 8.4 针对智能手机优化布局 
  • 8.5 最后两个问题 
  • 8.5.1 移动Safari中的缩放bug 
  • 8.5.2 让下拉菜单支持触摸 
  • 8.6 小结 
  • 附录 技术提示 
  • 索引 

 

以上就是本次关于书籍资源的介绍和部分内容,我们还整理了以往更新的其它相关电子书资源内容,可以在下方直接下载,关于相关的资源我们在下方做了关联展示,需要的朋友们也可以参考下。

CSS相关资源

  • CSS实战手册

    CSS实战手册

    大小:119 MBCSS手册电子书

  • 零基础学HTML+CSS

    零基础学HTML+CSS

    零基础学编程:零基础学HTML+CSS(第3版) 站在零基础学习的角度,以通俗易懂的语言,结合丰富多彩的实例,来帮助初学者学习和掌握HTML语言和CSS样式设计。本书列举了大量的小型实例、综合

    大小:65.5 MB前端电子书

  • HTML CSS JavaScript网页制作从入门到精通

    HTML CSS JavaScript网页制作从入门到精通

    HTML CSS JavaScript网页制作从入门到精通 第3版 共分为19章和4个附录,重点介绍使用HTML进行网页制作的方方面面,同时讲解了目前流行的Web标准与CSS网页布局实例,以及基于JavaScript语言的网页特

    大小:65.2 MB网页制作电子书

  • 移动互联网之路:HTML5+CSS3+jQuery Mobile APP与移动网站设计从入门到精通

    移动互联网之路:HTML5+CSS3+jQuery Mobile APP与移动网站设计从入门到精通

    移动互联网之路 全面、系统地讲解了 HTML 5、CSS 3 和 jQuery Mobile 从 Web 界面设计到移动应用开发的各种技术和知识点。本书难度适中,知识结构严谨,内容由浅入深、从易到难,讲解通俗易懂,

    大小:92.1 MB移动互联网电子书

  • Web前端开发精品课:HTML与CSS基础教程

    Web前端开发精品课:HTML与CSS基础教程

    Web前端开发精品课:HTML与CSS基础教程 结合大量开发实战经验,将前端开发知识系统化整理,浓缩精华,用通俗易懂的语言直指初学者的痛点。 全书分为两部分:首部分是HTML基础知识,帮助读

    大小:53.5 MBWeb前端电子书

  • 精通CSS:高级Web标准解决方案

    精通CSS:高级Web标准解决方案

    《精通CSS:高级Web标准解决方案(第3版)》PDF,有目录,428页,文字可以复制;配套源代码。本书是CSS设计经典图书升级版,结合CSS近年来的发展,尤其是CSS3和HTML5的特性,对内容进行了全面改写。

    大小:46.2 MBWeb前端电子书

  • HTML5+CSS3从入门到精通

    HTML5+CSS3从入门到精通

    《HTML5 CSS3从入门到精通(标准版)》 系统讲解了HTML5和CSS3的基础理论和实际运用技术,通过大量实例对HTML5和CSS3进行了深入浅出的分析。本书分为两大部分,共25章,包括HTML5概述、HTML5文档结

    大小:248.6 MB前端开发电子书

  • 工业人工智能

    工业人工智能

    大小:108 MB人工智能

  • 《龙芯WPS Office使用解析》实例文件

    内容介绍 本书是WPS Office 的入门书籍,图文结合,详细地介绍WPS 文字、WPS 表格、WPS 演示的基础知识和使用方法。全书分为3个部分:*部分介绍WPS文字的基础操作、各元素的插入与编辑方法、排版等基础知识;第二部分详细介绍工作簿与工作表的基础操作步骤,数据处理与分析中图表、函数与公式的应用等内容;第三部分介绍如何编辑与设计幻灯片,以及制作课件的详细步骤。每个部分在介绍基础知识之后,还通过小案例综合介绍WPS 文字、WPS 表格和WP

    大小:2.09 MBOffice配套资源

  • 《自己动手写神经网络》配套彩图

    《自己动手写神经网络》配套彩图

    编辑推荐 AlphaGo战胜李世石,标志着新一轮人工智能的浪潮已经来袭。而你是否已经做好迎接新的人工智能技术的准备?《自己动手写神经网络》将带你一探作为AlphaGo基石的人工神经网络。《自己动手写神经网络》不局限于纸上谈兵,我们用代码诠释一切。《自己动手写神经网络》可能改变你对人工智能的态度。深入讲解人工神经网络的工作原理,并且能够动手实践人工神经网络书力求通俗易懂,使用尽可能简单的语言描述人工神经网络的原理与理论。

    大小:4.93 MB神经网络配套资源

  • 《AutoCAD 应用教程》教案,课件,素材

    《AutoCAD 应用教程》教案,课件,素材

    内容介绍 AutoCAD2008中文版的基本功能及用AutoCAD绘制二维、三维图形的方法和提高作图效率的技巧。在内容编排上,作者充分考虑初学者的学习特点,由浅入深,循序渐进,突出了常用命令的讲解及上机实战操作这两个方面。 目录 第1章AutoCAD用户界面及基本操作 1.1学习AutoCAD基本操作 1.1.1绘制一个简单图形 1.1.2工作空间 1.1.3打开及布置工具栏 1.1.4调用命令 1.1.5选择对象的常用方法 1.1.6删除对象 1.1.7撤销和重复命令 1.1.8取消已执行的操作 1.1

    大小:36.72 MBAutoCAD配套资源

  • 《Unity开发实战》源代码

    《Unity开发实战》源代码

    近年来移动互联网发展迅猛,很多消费者已经将移动端作为主要的使用平台,而移动平台上的游戏应用又是移动平台生态系统中最重要的一块蛋糕。作为一款跨平台的游戏引擎,Unity3D能够很容易地部署到各个移动平台,不仅上手容易,而且内置了很多现成的组件,可视化的编辑器也非常易用,深受广大游戏开发者的喜爱。 Unity3D目前已经成为移动平台主要的游戏引擎,支持主流的移动计算平台,包括iOS、Android、Windows、BlackBerry,以及PC平台的IE、Chrome和独

    大小:4.4 MBUnity开发配套资源

资源下载

相关声明:

CSS学习笔记

16小时22分钟前回答

PHP保存网站用户密码到css文件的实现方法总结

很多时候呢,我们拿到一个shell以后,偶尔会遇到密码解不了的情况,用xss收集cookie吧,感觉不方便;利用xss平台劫持表单吧,感觉麻烦,也会担心自己想要的密码别人也copy了一份等等情况吧,这个时候我们就需要自己想办法来收集想要的PWD 最简单了,看别人的登陆界面如下: I春秋的登陆界面,我们可以看到用户和密码的的name属性分别是:username还有password,当然针对i春秋这样……

13小时46分钟前回答

使用jquery+CSS实现控制打印样式

一、添加打印样式 1. 为屏幕显示和打印分别准备一个css文件,如下所示: 用于屏幕显示的css: link rel="stylesheet" href="css/mainstylesheet.css" media="screen" / 用于打印的css:link rel="stylesheet" href="css/printstylesheet.css" media="print" / 2. import方式: style type="text/css" @import url("css/printstylesheet.css") print; /style 3. 直接把屏幕显示样式和打印样式写在一个css文件中: @media print {}{ h1 { color: black; } h2 {}{ col……