没有合适的资源？快使用搜索试试~ 我知道了~

首页CSS口袋指南：浓缩设计知识

CSS口袋指南：浓缩设计知识

需积分: 1 0 下载量 108 浏览量更新于2024-07-26 收藏 2.67MB PDF 举报

身份认证购VIP最低享 7 折!

30元优惠券

试读

288页

《CSS Pocket Guide》是由Chris Casciano编写的实用指南，旨在提供浓缩的、易于携带的CSS知识资源。这本书由Pearson Education旗下的Peachpit Press出版，地址位于美国加利福尼亚州伯克利。书中详细阐述了CSS的基础概念、语法、选择器、布局、样式表组织以及一些高级特性，适合开发者快速查阅和学习。该书的主要目标是帮助读者在忙碌的工作和项目中掌握CSS的核心技能，通过精炼的语言和实例来解释复杂的理论。书中涵盖了CSS3的部分内容，包括响应式设计、媒体查询、伪类和伪元素、盒模型、颜色和字体等，这些都是现代网页设计中不可或缺的部分。编辑团队包括金·温普塞特担任总编辑，迈克尔·贝斯特和金伯利·布里斯林负责技术编辑，确保内容的专业性和准确性。生产编辑Myrna Vladic确保了整个制作过程的流畅性，而大卫·范尼斯负责排版工作。封面和内页设计均出自Peachpit Press的设计团队。版权方面，本书享有严格保护，未经出版商事先书面许可，任何形式的复制或传播，无论是电子方式还是机械手段，如复印、录音等，都需获得许可。对于想要获取重印或摘录许可的读者，可以通过permissions@peachpit.com联系。书中特别强调，尽管作者和出版社已经尽最大努力确保信息的准确无误，但鉴于技术的快速发展和不断变化，所有内容都以“现状”提供，不承担任何形式的法律责任。这意味着读者在使用本书指导实践时，应自行判断并承担可能产生的风险。《CSS Pocket Guide》是一本方便携带、内容实用的参考书籍，为设计师和开发人员提供了简洁的CSS学习路径，是提高CSS技能、解决日常设计问题的理想工具。

资源详情

资源推荐

ptg

The styling of web documents has evolved a great deal from the early

days of the Web when font tags, tables, and HTML attributes scattered

everywhere were just what you had to do to make pages look good (or

get that animated GIF of a ﬂame repeating across your whole page).

The CSS Pocket Guide will teach you the building blocks of styling docu-

ments with CSS, give you an arsenal of modern development techniques,

and help you navigate the ever-changing landscape of web browsers and

speciﬁcations, including CSS3.

Introduction

ptg

The CSS Pocket Guidexvi

Who Should Read This Book

Anyone designing or building web pages should understand CSS. This

book offers an overview of CSS and the building blocks of the language

to get you going and is geared toward novice and intermediate

developers.

Before reading this book, it is important to have some exposure to and

understand how to read and write HTML—the markup and content that

the CSS code in this book is used to style.

What You Will Learn

This book covers CSS including CSS 2.1 and parts of CSS3.

■

The beginning of the book covers the building blocks of CSS and how

to use those tools to create layouts with CSS.

■

The book then goes on to discuss how to use CSS to style the content

elements that are often placed into the parts of the layout grid you’ve

just learned to build.

■

The last part of the book dives deeper into speciﬁc topics such as

working with different types of media or creating form layouts.

Along the way, there is also discussion of current best practices in web

development and information on upcoming changes to CSS included in

CSS3 and beyond.

ptg

I n t r o d u c t i o n xvii

What You Won’t Find in This Book

It is impossible to cover CSS in all its applications and in all the different

ways it can be encountered in one book written by one person. Although

the language is covered in detail and this book can serve as a great refer-

ence for those learning other aspects of web design and development, it

does not attempt to cover any of the following in detail:

■

It does not attempt to teach you what HTML is or how to write

good HTML.

■

It does not attempt to teach you anything about JavaScript or script-

ing things such as animations or Ajax. But it will make a useful refer-

ence for the CSS properties you will often manipulate with JavaScript.

■

It does not attempt to teach principles of good visual or interactive

design. It will, however, give you the tools to implement those designs.

■

It also it does not explicitly cover CSS as applied to documents other

than HTML (such as SVG).

What You Need to Follow Along

All you need is a text editor to write CSS code or review the example CSS

and HTML code, ideally one with syntax highlighting such as Notepad2

for Windows or TextWrangler for Mac OS X (both are free). You’ll also

need a web browser to view the results of any code you write. A visual,

or WYSIWYG, editor such as Dreamweaver can also be used, provided it

offers a “code” or “source” view.

The ﬁgures used to demonstrated CSS code throughout this button were

all generated with actual CSS code. These full code examples, including the

HTML5 documents, can be downloaded from http://www.peachpit.com/

csspocketguide so you can follow along, review the examples in different

browsers, or edit the examples and experiment with them.

ptg

The CSS Pocket Guidexviii

Resources

It goes without saying that a topic at the core of web development will

have a large number of great resources on the Web.

■

Check out the W3C’s CSS Working Groups Current Work index of the

CSS speciﬁcations. http://www.w3.org/Style/CSS/current-work

■

You can also refer to the detailed browser suppor t char ts and other

web development articles by Peter-Paul Koch at QuirksMode.org.

http://quirksmode.org/

■

The WaSP InterAct Curriculum project offers a full and ongoing curric-

ulum for learning and teaching web development and web design

including CSS. http://interact.webstandards.org/

■

The Mozilla Developer Center offers a complete reference of the

CSS language and is great for looking things up in a ﬂash.

https://developer.mozilla.org/en/CSS_Reference

■

The Opera Developer Network offers articles, tutorials, and references

for all areas of web development, including a curriculum you can walk

through and teach yourself. http://dev.opera.com/

Writing CSS

Unlike a programming language such as JavaScript, there isn’t that much

to the syntax of CSS and the makeup of CSS rules. But the following

sections highlight some things you should know before jumping into the

complexities of what the simple syntax can do.

Case Sensitivity

CSS is case insensitive. For example, the color property is equivalent

to the COLOR property, and a px unit is the same as a PX or Px unit. By

ptg

I n t r o d u c t i o n xix

convention, properties and values are typically written using lowercase

characters, and that is the convention followed in this book.

Parts of the code not under the control of CSS such as ﬁle paths to style

sheet documents, images, element names, classes, and IDs may be case

sensitive and are deﬁned at their source. For example, the ﬁle path on

one server may be case sensitive, but on another server or your local

machine it may not be. For markup, elements in HTML documents are

case insensitive; however, elements in XML-based documents are.

To avo id co nfusion or co de bu gs, it is be st t o m at ch the c ase i n your co de

regardless of whether it will be enforced.

Comments

There is only one way to write a comment in CSS—beginning with the

two characters /* and ending with the same two characters reversed, */.

Any text, code, or whitespace between those two is ignored.

/* this is a comment */

Whitespace

In CSS, whitespace—including space characters, tabs, and line breaks—has

no meaning outside of its use as a descendent selector (Chapter 3) or as a

separator for multiple values in a single declaration. Outside of those two

cases, it is considered optional. It is up to you to use whitespace (or not) to

format your CSS to help with the organization and readability of your code.

Quoting and Escaping Quotes

The single quote (‘) and double quote (“) can be used interchangeably to

wrap string values in CSS (though if a string starts with one, it must end

with the same one).

The backslash (\) is the escape character in CSS. It can be used to escape

a quote mark that is part of a string (or another backslash that should

剩余287页未读，继续阅读

error from PostCSS plugin. Your current PostCSS version is 7.0.39, but autoprefixer uses 6.0.23. Per haps this is the source of the error below.

The error you are encountering indicates a version mismatch between your current PostCSS version (7.0.39) and the version (6.0.23) used by autoprefixer. Autoprefixer requires a specific version of ...

write a self web Requirements: footer, unique CSS page layout, centered CSS navigation bar, picture gallery and at least 8 CSS comments.

5. At least 8 CSS Comments: The CSS code for the website should include at least 8 comments that explain the purpose and function of different sections of the code. This makes it easier for other ...

In the following exercises, make use of the following declarations(one per line) background-color: silver; font-size: larger; Theres will be referred to as " the background declaration" and "the text declaration," respectively. (a)(5marks):Write CSS style rules that apply the background declaration to div elements and the text declaration to strong elements respectively.

To apply the background declaration to div elements and the text declaration to strong elements, you can use the following CSS style rules: ```css div { background-color: silver; } strong { font-...

Design the two forms given below in html. Explain which css properties, attributes ,buttons , text boxes etc.. you have used and the benefits of using forms in HTML/CSS. a) Registrationformfornewuser b)Student Rregistration form

- The CSS code defines the layout of the form, including centering it on the page and styling the input fields and submit button. - The "display: flex" property is used to arrange the form items in a ...

lowbee

粉丝: 0
资源: 1

上传资源快速赚钱

我的内容管理展开

我的资源快来上传第一个资源

我的收益

登录查看自己的收益

我的积分登录查看自己的积分

我的C币登录后查看C币余额

我的收藏

我的下载

下载帮助

CSS口袋指南：浓缩设计知识

基于html和css开发的书籍列表

How to include CSS in the webpage

In how many ways can we specify the CSS styles for the HTML element?Explain.

postcss-pxtorem include

postcss-px-to-viewport: postcss.plugin was deprecated. migration guide:

How to include CSS in the webpage ?

html,css,javascript,node.js,Mysql数据库的参考文献

error from PostCSS plugin. Your current PostCSS version is 7.0.39, but autoprefixer uses 6.0.23. Per haps this is the source of the error below.

write a self web Requirements: footer, unique CSS page layout, centered CSS navigation bar, picture gallery and at least 8 CSS comments.

How to include css in the webpage

css loading

how to create CSS style rules: strong {font-size:larger}

<link rel="stylesheet" type="text/css" href="css/visual.css">

Failed to resolve import "ant-design-vue/dist/antd.css" from "src\main.js". Does the file exist?

Your current PostCSS version is 7.0.32, but autoprefixer uses 5.2.18. Perhaps this is the source of the error below

入门学习CSS推荐那几本书

Module not found: Error: Can't resolve 'element-plus/lib/theme-chalk/index.css'

jellyfin css

Design the two forms given below in html. Explain which css properties, attributes ,buttons , text boxes etc.. you have used and the benefits of using forms in HTML/CSS. a) Registrationformfornewuser b)Student Rregistration form

最新资源