Getting Started with CSS: An Introduction for Web Developers | Learn CSS from Scratch
#css #webdevelopment #codeinfarm
we will cover all below properties in our css playlist :
Box model properties:
width
height
max-width
max-height
min-width
min-height
padding
padding-top
padding-right
padding-bottom
padding-left
border
border-top
border-right
border-bottom
border-left
border-width
border-top-width
border-right-width
border-bottom-width
border-left-width
border-color
border-top-color
border-right-color
border-bottom-color
border-left-color
border-style
border-top-style
border-right-style
border-bottom-style
border-left-style
margin
margin-top
margin-right
margin-bottom
margin-left
box-sizing
Positioning properties:
position
top
right
bottom
left
float
clear
z-index
Display and layout properties:
display
visibility
overflow
overflow-x
overflow-y
clip
zoom
table-layout
empty-cells
caption-side
vertical-align
text-indent
text-align
text-align-last
white-space
direction
unicode-bidi
Flexbox properties:
display: flex
flex-direction
flex-wrap
justify-content
align-items
align-self
flex-grow
flex-shrink
flex-basis
order
Grid properties:
display: grid
grid-template-columns
grid-template-rows
grid-template-areas
grid-template
grid-column-gap
grid-row-gap
grid-gap
grid-auto-columns
grid-auto-rows
grid-auto-flow
grid
Typography properties:
font-family
font-size
font-style
font-weight
line-height
letter-spacing
word-spacing
text-transform
text-decoration
text-shadow
text-overflow
color
direction
text-align
text-align-last
text-justify
vertical-align
white-space
Background properties:
background-color
background-image
background-repeat
background-attachment
background-position
background-clip
background-origin
background-size
Animation and transition properties:
transition
transition-property
transition-duration
transition-timing-function
transition-delay
animation
animation-name
animation-duration
animation-timing-function
animation-delay
animation-iteration-count
animation-direction
animation-fill-mode
animation-play-state
@keyframes
Other properties:
cursor
opacity
outline
outline-width
outline-style
outline-color
box-shadow
content
quotes
counter-reset
counter-increment
resize
user-select
filter
image-rendering
backface-visibility
perspective
perspective-origin
transform
transform-origin
Welcome to my CSS introduction video, where we'll cover everything you need to know about CSS and its categories. CSS (Cascading Style Sheets) is a powerful tool that allows you to control the look and feel of your website, from fonts and colors to layout and animations.
In this video, I'll give you a brief overview of what CSS is and how it works, and then we'll dive into the different categories of CSS properties. We'll cover box model properties, positioning properties, display and layout properties, flexbox properties, grid properties, typography properties, background properties, animation and transition properties, and other miscellaneous properties.
By the end of this video, you'll have a good understanding of the different categories of CSS properties and how they work together to create beautiful and functional websites. Whether you're a beginner or an experienced developer, this video is a great starting point for mastering CSS.
So, grab a cup of coffee, sit back, and enjoy the video. Don't forget to hit the subscribe button and turn on notifications so you don't miss out on any new videos. Let's get started!
Background music :
Music from #Uppbeat (free for Creators!):
https://uppbeat.io/t/matrika/shiny-cl...
License code: SQ5OXJNWO5R8VXVH
Смотрите видео Getting Started with CSS: An Introduction for Web Developers | Learn CSS from Scratch онлайн без регистрации, длительностью часов минут секунд в хорошем качестве. Это видео добавил пользователь CodeInFarm 02 Март 2023, не забудьте поделиться им ссылкой с друзьями и знакомыми, на нашем сайте его посмотрели 88 раз и оно понравилось 6 людям.