Skip to content
View in the app

A better way to browse. Learn more.

Web Designer Forum

A full-screen app on your home screen with push notifications, badges and more.

To install this app on iOS and iPadOS
  1. Tap the Share icon in Safari
  2. Scroll the menu and tap Add to Home Screen.
  3. Tap Add in the top-right corner.
To install this app on Android
  1. Tap the 3-dot menu (⋮) in the top-right corner of the browser.
  2. Tap Add to Home screen or Install app.
  3. Confirm by tapping Install.

explain this

Featured Replies

So essentially css is the code for a box

the width and height from the browser window is the margin

the padding inside the box is the space between the text

 

tables and lists are used to create menu's and nav bars

 

with additional css for font sizes and colours

 

is this correct please advice as i am currently learning the basics

 

thankyou

Your not far away on most, although tables should only ever be used to display tabular data - css styled lists will do navbars and menus. It is generally frowned upon to use tables for layout these days, and to be honest once you get your head around css it is much more flexible than any table could ever be!

as Gordon says... You not far off, but don't just think of it in simple terms like you are as some of the attributes can be used for other things other than what u mentioned....

In CSS, a box is simply a rectangular region that represents the physical space that a certain thing takes up. And when your talking web pages that space means pixels.

 

These box's are also called elements because every tag you type and everything in that tag will be defined as a box element. Two different sorts in fact....inline elements and Block-level elements. If you haven't already done so then go and download the web developer add-on for the firefox browser and you will be able to see those box's by using the outline option.

 

I am telling you all this because this is how i understood how CSS really works. Or should i say how web browsers interpret the code (document flow). If you take the time to learn how elements( the box's) work in the document flow, then you are gonna save yourself a lot of work.

 

If you want a more detailed explanation (which i am sure you don't) then feel free to ask?

 

- Neil

Create an account or sign in to comment

Account

Navigation

Search

Search

Configure browser push notifications

Chrome (Android)
  1. Tap the lock icon next to the address bar.
  2. Tap Permissions → Notifications.
  3. Adjust your preference.
Chrome (Desktop)
  1. Click the padlock icon in the address bar.
  2. Select Site settings.
  3. Find Notifications and adjust your preference.