Introduction to CSS with Susan Simkins
Introduction to CSS
WEBRip | English | MP4 | 1280 x 720 | AVC ~555 kbps | 15 fps
AAC | 128 Kbps | 32.0 KHz | 2 channels | 1h 48mn | 562 MB
AAC | 128 Kbps | 32.0 KHz | 2 channels | 1h 48mn | 562 MB
Genre: Video Tutorial / Web design
In this tutorial we'll learn how to use CSS to style a resort web site from scratch. We'll use CSS properties that allow us to make changes like the font our site uses, adding a full screen background image, centering a web page in the browser window, and pseudo selectors for styling interactive content like links and forms.We'll learn how to adjust the amount of space between elements with margins and padding, and how the box model can help us understand how margins, padding, and borders affect the width and height of an element. We'll also discuss important concepts like understanding the browser and how it applies default styles and fonts, and best practices like using a font stack and web safe fonts.
For an additional learning resource, download your free copy of our Key Web Terms Reference Guide and PDF so you can get comfortable with important web design terminology.
Contents:
1 Introduction and project overview
2 Setting up our CSS
3 Changing the size of text
4 Changing the font
5 Understanding fonts for the web
6 Creating a font stack
7 Beyond web safe fonts: using externally hosted fonts
8 Changing the font weight and using text transform
9 Using pseudo selectors to style link states
10 Margins and padding
11 The Box Model
12 The Box Model in action
13 Centering web pages in the browser window
14 Styling tables
15 Styling forms
16 Adding a full screen background image
Project Files includes
General
Complete name : 08 Changing the font weight and using text transform.mp4
Format : MPEG-4
Format profile : Base Media
Codec ID : isom
File size : 30.3 MiB
Duration : 6mn 0s
Overall bit rate : 704 Kbps
Writing application : Lavf54.50.104
Video
ID : 1
Format : AVC
Format/Info : Advanced Video Codec
Format profile : High@L3.1
Format settings, CABAC : Yes
Format settings, ReFrames : 4 frames
Codec ID : avc1
Codec ID/Info : Advanced Video Coding
Duration : 6mn 0s
Bit rate : 555 Kbps
Width : 1 280 pixels
Height : 720 pixels
Display aspect ratio : 16:9
Frame rate mode : Constant
Frame rate : 15.000 fps
Color space : YUV
Chroma subsampling : 4:2:0
Bit depth : 8 bits
Scan type : Progressive
Bits/(Pixel*Frame) : 0.040
Stream size : 24.6 MiB (81%)
Writing library : x264 core 129 r2230 1cffe9f
Encoding settings : cabac=1 / ref=3 / deblock=1:0:0 / analyse=0x3:0x113 / me=hex / subme=7 / psy=1 / psy_rd=1.00:0.00 / mixed_ref=1 / me_range=16 / chroma_me=1 / trellis=1 / 8x8dct=1 / cqm=0 / deadzone=21,11 / fast_pskip=1 / chroma_qp_offset=-2 / threads=12 / lookahead_threads=2 / sliced_threads=0 / nr=0 / decimate=1 / interlaced=0 / bluray_compat=0 / constrained_intra=0 / bframes=3 / b_pyramid=2 / b_adapt=1 / b_bias=0 / direct=1 / weightb=1 / open_gop=0 / weightp=2 / keyint=15 / keyint_min=1 / scenecut=40 / intra_refresh=0 / rc_lookahead=15 / rc=abr / mbtree=1 / bitrate=555 / ratetol=1.0 / qcomp=0.60 / qpmin=0 / qpmax=69 / qpstep=4 / ip_ratio=1.40 / aq=1:1.00
Audio
ID : 2
Format : AAC
Format/Info : Advanced Audio Codec
Format profile : LC
Codec ID : 40
Duration : 6mn 0s
Duration_LastFrame : -14ms
Bit rate mode : Constant
Bit rate : 128 Kbps
Channel(s) : 2 channels
Channel positions : Front: L R
Sampling rate : 32.0 KHz
Compression mode : Lossy
Stream size : 5.51 MiB (18%)
Complete name : 08 Changing the font weight and using text transform.mp4
Format : MPEG-4
Format profile : Base Media
Codec ID : isom
File size : 30.3 MiB
Duration : 6mn 0s
Overall bit rate : 704 Kbps
Writing application : Lavf54.50.104
Video
ID : 1
Format : AVC
Format/Info : Advanced Video Codec
Format profile : High@L3.1
Format settings, CABAC : Yes
Format settings, ReFrames : 4 frames
Codec ID : avc1
Codec ID/Info : Advanced Video Coding
Duration : 6mn 0s
Bit rate : 555 Kbps
Width : 1 280 pixels
Height : 720 pixels
Display aspect ratio : 16:9
Frame rate mode : Constant
Frame rate : 15.000 fps
Color space : YUV
Chroma subsampling : 4:2:0
Bit depth : 8 bits
Scan type : Progressive
Bits/(Pixel*Frame) : 0.040
Stream size : 24.6 MiB (81%)
Writing library : x264 core 129 r2230 1cffe9f
Encoding settings : cabac=1 / ref=3 / deblock=1:0:0 / analyse=0x3:0x113 / me=hex / subme=7 / psy=1 / psy_rd=1.00:0.00 / mixed_ref=1 / me_range=16 / chroma_me=1 / trellis=1 / 8x8dct=1 / cqm=0 / deadzone=21,11 / fast_pskip=1 / chroma_qp_offset=-2 / threads=12 / lookahead_threads=2 / sliced_threads=0 / nr=0 / decimate=1 / interlaced=0 / bluray_compat=0 / constrained_intra=0 / bframes=3 / b_pyramid=2 / b_adapt=1 / b_bias=0 / direct=1 / weightb=1 / open_gop=0 / weightp=2 / keyint=15 / keyint_min=1 / scenecut=40 / intra_refresh=0 / rc_lookahead=15 / rc=abr / mbtree=1 / bitrate=555 / ratetol=1.0 / qcomp=0.60 / qpmin=0 / qpmax=69 / qpstep=4 / ip_ratio=1.40 / aq=1:1.00
Audio
ID : 2
Format : AAC
Format/Info : Advanced Audio Codec
Format profile : LC
Codec ID : 40
Duration : 6mn 0s
Duration_LastFrame : -14ms
Bit rate mode : Constant
Bit rate : 128 Kbps
Channel(s) : 2 channels
Channel positions : Front: L R
Sampling rate : 32.0 KHz
Compression mode : Lossy
Stream size : 5.51 MiB (18%)
Screenshots
Introduction to CSS with Susan Simkins
Introduction to CSS with Susan Simkins
Introduction to CSS with Susan Simkins
Introduction to CSS with Susan Simkins
For more Exclusive material, Visit my AH-blog
Introduction to CSS with Susan Simkins
