Listen free for 30 days

£7.99/month after 30 days. Cancel anytime

Summary

Are you a CSS beginner interested in creating your very own, very unique web page? Do you have some experience building sites with basic HTML but want to take your projects to the next level? No matter what your previous experience is, as long as you have a browser and a simple text editor, you can learn the basics of CSS! With this book, you can familiarize yourself with how CSS works, learn how to efficiently work with CSS selectors, and apply what you’ve learned to create beautifully styled simple web pages.

Without CSS and HTML, the Internet would be a very different (and very boring) place, so it’s no wonder why so many people choose to learn the basics of using stylesheets. Whether you’re exploring CSS to complement a hobby or to further your career, this book will allow you to gain a deeper understanding and appreciation for its applications.

This book includes:

  • An overview of how CSS uses selectors to define a style for a web page
  • Ideas for effectively styling the layouts of your web pages
  • Techniques for altering the colors, sizes, fonts, and styles of individual or multiple elements in your web pages
  • Examples of how to implement what you’ve learned when working with simple HTML documents
  • Alternatives to basic layout techniques that will allow you to further enhance your web page

So pick up your copy of CSS: Basic Fundamental Guide gor Beginners, sit back with your favorite text editor, and have fun creating and enhancing your very own web pages. You’ll be a CSS master in no time!

©2018 MG Martin (P)2018 MGC Publishing

What listeners say about CSS

Average customer ratings
Overall
  • 5 out of 5 stars
  • 5 Stars
    25
  • 4 Stars
    4
  • 3 Stars
    0
  • 2 Stars
    0
  • 1 Stars
    0
Performance
  • 5 out of 5 stars
  • 5 Stars
    25
  • 4 Stars
    4
  • 3 Stars
    0
  • 2 Stars
    0
  • 1 Stars
    0
Story
  • 5 out of 5 stars
  • 5 Stars
    25
  • 4 Stars
    4
  • 3 Stars
    0
  • 2 Stars
    0
  • 1 Stars
    0

Reviews - Please select the tabs below to change the source of reviews.

Sort by:
Filter by:
  • Overall
    5 out of 5 stars
  • Performance
    5 out of 5 stars
  • Story
    5 out of 5 stars

CSS animations are great.

One of the cool and more recent things to come into CSS is the concept of CSS animations. CSS animations are great because they allow your site to be fluid and allow you to, as it sounds, animate your HTML code.

In the past, animating your code was pretty tedious. It was something you had to do through a combination of JavaScript code and clever CSS/HTML scripting. That or, in even older days, you’d have to animate your site through the use of Flash. This led to sites being extremely clunky, hard to interact with, tacky, and altogether much lower quality than they are today.

That all changed with the advent of CSS3. CSS3 now allows you to subtly animate your site in various ways that weren’t available to programmers before. This is great because it means that there’s an even greater chance that your site can be run without cumbersome scripts or anything of that nature.

The first part of CSS animations rests in keyframes. Keyframes allow you to set important events that happen throughout the course of an animation. You can name your keyframes and then refer to those at a later point. Let’s say, for example, that we wanted to shift the text color from black to aqua.

18 people found this helpful

  • Overall
    5 out of 5 stars
  • Performance
    5 out of 5 stars
  • Story
    5 out of 5 stars

To gain a better understanding

If you’re interested in learning CSS to enhance a personal website or you’d just like to gain a better understanding of how your browser does what it does. This book is a great starting point. With its many examples and simple to understand explanations, you’ll soon be on your way to creating unique web pages that function smoothly and efficiently!

Before diving into this audiobook, a basic idea of HTML is a plus and how to use it to create a simple web page. Combine that knowledge with an editor and a browser and you’re ready to get started! Over the course of this book, you’ll not only learn the art of using CSS selectors in making our HTML web pages more interactive, you’ll also discover techniques for creating beautiful page layouts. When it comes to interacting with users, having an approachable and easy-to-use website is crucial. By the end of this book, you can be confident that your web pages are just as simple to navigate as they are appealing to view.

15 people found this helpful

  • Overall
    5 out of 5 stars
  • Performance
    5 out of 5 stars
  • Story
    5 out of 5 stars

what is responsive design?

Part of responsive design involves having designs that are artistically and aesthetically pleasing rather than just being fully functional. In this capacity, responsive designs serve as a means to make designs more expressive on the designer’s end and more interactive and intuitive on the user’s end. So, what is responsive design? You’ve more than likely see the the responsive design before. If you’ve run into a web page that takes up the entire width and height of your browser window and that scales appropriately regardless of how large your browser window is at any given moment.

The way that responsive design works can take many different forms but the essence of responsive design comes down to essentially just everything being efficiently and easily scalable. It also should respond to the size of the viewport, or the overall viewing resolution of the browser. You can test out different viewport sizes in a responsive design by actually sizing your browser up and down both vertically and horizontally using your operating system’s built-in sizing mechanisms.
Responsive designs work on the basis of things scaling with width and height values. You can accomplish this by using percentage-based sizing in your document. This is the basic idea, anyhow; the rest of it - which is a little bit beyond the scope of a beginner book - is actually using CSS commands in order to change the style of the document if, for example, the viewport were less than a certain width or height. For right now, we’re just going to focus on how to implement scaling heights and widths.

6 people found this helpful

  • Overall
    5 out of 5 stars
  • Performance
    5 out of 5 stars
  • Story
    5 out of 5 stars

With great lectures and lots of sample code.

Terrific course with great lectures and lots of sample code. The professor is very knowledgeable and easy to understand and all the lectures are short so I could fit them into my busy day. The projects are challenging but not impossibly so. I appreciated how accessibility was considered throughout. Highly recommended!

  • Overall
    5 out of 5 stars
  • Performance
    5 out of 5 stars
  • Story
    5 out of 5 stars

To make a good basement for web development

This course helps to enter the web design profession easily with good knowledge. All material is very well planned and lectures go from simple things to more complex. After finishing this course student feels comfortable with styling complex pages with CSS3.
Although another course "HTML: Basic Fundamental Guide for Beginners" is required before starting learning this one. Both courses together make a good basement for web development.

  • Overall
    4 out of 5 stars
  • Performance
    4 out of 5 stars
  • Story
    4 out of 5 stars

Define what its specific style should be. A value

A value is assigned to a property to define what its specific style should be. A color property could have a value of blue or red, for instance. The available values depend on which property they’re defining. Like properties, values are case sensitive.

  • Overall
    5 out of 5 stars
  • Performance
    5 out of 5 stars
  • Story
    5 out of 5 stars

Very thankful.

There are so many things I was doing wrong or without understanding what was going on until I took this class.
The teacher is the best I ever had, she makes me want to learn more, practice more, make mistakes.

I can't express how thankful I am with the opportunity of learning from the basics!!!

Thank you so much!!!!

  • Overall
    4 out of 5 stars
  • Performance
    4 out of 5 stars
  • Story
    4 out of 5 stars

Clear and concise explanations of even more

This is so great book and I so love on how it was written. Too simple however it gives us a great understanding. This book causes me to profoundly make a few information investigation effectively. This is absolutely the best one.

  • Overall
    5 out of 5 stars
  • Performance
    5 out of 5 stars
  • Story
    5 out of 5 stars

Make mistakes...and keep trying!

This course expanded my knowledge and challenged me and I really enjoyed it! Professor MG Martin is a great instructor. He really knows his subject material, presents complex information in an easy to understand manner, encourages his students to expand their knowledge beyond the provided course materials, encourages students to try...make mistakes...and keep trying! I especially appreciated the opportunities to "code together" throughout the course. Professor MG (Martin) has all the right qualities that help students learn, stay engaged and want to learn more. Thank you MG for another great coding course!

  • Overall
    5 out of 5 stars
  • Performance
    5 out of 5 stars
  • Story
    5 out of 5 stars

Web design is all about presentation.

One of the older trends in website design is actually essential to cover because it will give you a prime basis and starting point for the rest of your website design. One thing that we haven’t really talked about at this point is actually culminating everything that you’ve worked with into a cohesive design, so we’re going to be doing that in this chapter as we try to shamble together a lot of the concepts that we’ve covered into one bigger vision. Web design is all about presentation. It’s important that in your design path, you choose a way which presents your end vision in a way that makes it appealing to anybody who might come across your site. The most immediate way to get practice with this - and, indeed, the easiest - is to start with the most simple form of higher-level website design in CSS that is still applicable in today’s web design market.

Sort by:
Filter by:
  • Overall
    5 out of 5 stars
  • Performance
    5 out of 5 stars
  • Story
    5 out of 5 stars
Profile Image for Tania
  • Tania
  • 06-02-21

Speed with CSS.

The point of this book is to get you up to speed with CSS and feeling like you understand what you’re doing. The hope is that by the end, you’ll feel confident enough with the essential information pertaining to CSS and related disciplines that you’ll be able to start designing your own sites. One of the key parts of this is that we cover what could be considered the primary trends in CSS and web design at the moment. These are the most common as at the time of writing this book, but it does exclude certain frameworks which one could consider to be beyond the scope of this audiobook, like React.JS or things similar in nature. The first thing that they about is responsive web design. Responsive web design arose in reaction to the trend of smartphone market dominance in web design. More and more people are having access to smartphones. They also have access to instantaneous web access regardless of where they were. Consequently, it began to become necessary to create intricate mobile designs which went beyond the low-data mobile versions of yesteryear from the eras of Blackberries and Palm Pres. In the face of high resolution mobile browsers and smartphones such as the iPhone and Samsung Galaxy, it was necessary to have a way for web design. This way, it could mimic the strengths of these mobile browsers and remove the need for a separate mobile version of the site. In the alternative, we are opting for a version of the site relative to the screen resolution of the device being used.

While this hasn’t completely invalidated the mobile versions of sites, it does create a sort of situation where one can address them in a different way. Before, mobile sites were addressed by a JavaScript or HTML preprocessor directive that would cause the page to redirect if a certain browser was detected. With the advent of CSS3, it became possible to detect screen resolutions and automatically adjust the site in response rather than having a site being entirely readjusted.

22 people found this helpful

  • Overall
    5 out of 5 stars
  • Performance
    5 out of 5 stars
  • Story
    5 out of 5 stars
Profile Image for Ethel
  • Ethel
  • 15-02-21

Monolith of modern web design.

An example of a grid-based layout would be something which, for example, uses a 3 wide grid where 3 elements are fit into one row. In addition, these rows are roughly 30% width each, perhaps with a 3% margin on either side and a 2% margin in between. This would allow the information to be presented in a clean and pragmatic manner.

The grid-based layout is one of the other very popular methods of design because it allows for the combination of multiple different manners of layouts within the context of a grid-based system.

Grid-based designs fill, to some degree, the industrial void that fixed-width sites used to fill. While fixed-width sites do still exist, when simple and effective designs that look modern are needed, they are usually accomplished using some form of grid-based design. This also is an ideal choice for online store fronts because it’s unpretentious and rather easy to use.

18 people found this helpful

  • Overall
    5 out of 5 stars
  • Performance
    5 out of 5 stars
  • Story
    5 out of 5 stars
Profile Image for Janet
  • Janet
  • 17-02-21

Every beginner must do this course.

CSS is wide but still this course is very precise and every concepts are explained very nicely.

Before this course I used to think designing with CSS is frustrating but after understanding the fundamentals designing a webpage seems fun.

I really enjoyed the last assignment and tried to apply as much style I can use. ;-p

I think every beginner must do this course for easy learning.

8 people found this helpful

  • Overall
    5 out of 5 stars
  • Performance
    5 out of 5 stars
  • Story
    5 out of 5 stars
Profile Image for Barbara
  • Barbara
  • 21-02-21

Beneficial.

In order to ensure that your web pages are displaying properly, it’s important to frequently check your HTML and CSS files and debug them when necessary. Both HTML and CSS are permissive, so you don’t have to worry about "breaking" you web page if you make a mistake. Even, if you use an invalid CSS declaration or an unsupported feature your browser will simply ignore the error and proceed to the next declaration. This can often be beneficial since a single error won’t bring down your entire page -- the browser just won’t display your content as expected. However, it can sometimes be difficult to figure out how to fix an improperly displayed element if you aren’t sure what is causing the discrepancy. Fortunately, there are a couple of different ways to handle this issue.
The first way to try and debug a problematic web page is by using your browser’s page inspector tool and CSS editor. To open up the page inspector tool, simply right click within a web page. In this example, we’ll be using a Chrome browser to inspect one of the web pages you created in the previous chapter. If you aren’t using Chrome, that’s okay! Other browsers will offer you the same features, although they might be accessed in a slightly different way. With Chrome, once you right click within a web page, you simply need to choose “Inspect” from the pop up menu to open the page inspector tool.

7 people found this helpful

  • Overall
    5 out of 5 stars
  • Performance
    5 out of 5 stars
  • Story
    5 out of 5 stars
Profile Image for Walter
  • Walter
  • 22-02-21

Monolith of modern web design.

An example of a grid-based layout would be something which, for example, uses a 3 wide grid where 3 elements are fit into one row. In addition, these rows are roughly 30% width each, perhaps with a 3% margin on either side and a 2% margin in between. This would allow the information to be presented in a clean and pragmatic manner.

The grid-based layout is one of the other very popular methods of design because it allows for the combination of multiple different manners of layouts within the context of a grid-based system.

Grid-based designs fill, to some degree, the industrial void that fixed-width sites used to fill. While fixed-width sites do still exist, when simple and effective designs that look modern are needed, they are usually accomplished using some form of grid-based design. This also is an ideal choice for online store fronts because it’s unpretentious and rather easy to use.

2 people found this helpful

  • Overall
    4 out of 5 stars
  • Performance
    4 out of 5 stars
  • Story
    4 out of 5 stars
Profile Image for Judy Harris
  • Judy Harris
  • 26-02-21

Enhance my coding ability. Thanks for providing su

Thanks for providing such a great lesson! I am so glad that I decided to join this course, because I really learned lots of things that I didn't know before. I like the way that professor taught. Anyway, I highly recommend anyone who want to learn more about coding to join this course!

  • Overall
    5 out of 5 stars
  • Performance
    5 out of 5 stars
  • Story
    5 out of 5 stars
Profile Image for moore
  • moore
  • 26-02-21

I can understand very easily

For long time, web pages had won the fight. Currently I can understand very easily the subtle but very important changes I'd perceived since HTML4 but I always disparaged because misunderstood. I've been able to absorb and apply all the concepts easily with this such good guidance.

  • Overall
    5 out of 5 stars
  • Performance
    5 out of 5 stars
  • Story
    5 out of 5 stars
Profile Image for Stephanie
  • Stephanie
  • 24-02-21

Need to change?

If you have ever written HTML to create a web page previously, it is highly likely that you’ve also used CSS. CSS stands literally for Cascading Style Sheets, and it is used in web pages alongside HTML to define page styles and layouts. Need to change the default font of a paragraph? Wish that picture had a border? Would a cool animation really bring your page to life? You can do all of that using CSS! With the examples here, just get one text editor to write some HTML and CSS and a browser to view what you’ve written.

Generally speaking, your web browser will use the rules that you set within your CSS to determine how to display a web page. An HTML file will provide the content and define the content’s type, and a CSS file will assign different styles to those different content types. CSS uses what are called properties and selectors to assign these styles. A property can be something like an element’s size or color. A selector is what CSS uses to refer to an element or group of elements in order to assign them a style.

  • Overall
    4 out of 5 stars
  • Performance
    4 out of 5 stars
  • Story
    4 out of 5 stars
Profile Image for Catherine
  • Catherine
  • 24-02-21

The level of comfort

A good course in taking the level of comfort with CSS3 for a beginner to a position where the person is able to work with many features of CSS3 along with providing online resources for reference while working with a project. The course also focuses on web accessibility and instils confidence with the various projects and exercises

  • Overall
    5 out of 5 stars
  • Performance
    5 out of 5 stars
  • Story
    5 out of 5 stars
Profile Image for Shantel Phillips
  • Shantel Phillips
  • 24-02-21

The pace of the course is excellent.

I enrolled in this course after completing the html5 course. At the culmination of the CSS3 project, I feel ways more confident in my web development skills, although I am a far ways off being a web designer.