CSS
@keyframes moveInLeft { 0% { opacity: 0; transform: translateX(-10rem); } }
style your web page
CSS: Cascading Style Sheets
CSS is a stylesheet language used to describe the presentation of a document written in HTML or XML. CSS describes how elements should be rendered on screen, on paper, in speech, or on other media.
responsive web design
Responsive web design is about creating web pages that look good on all devices! A responsive web design will automatically adjust for different screen sizes and viewports.
Learn more →
Sass: Syntactically Awesome Style Sheets
Sass is the most mature, stable, and powerful professional grade CSS extension language in the world. Sass is completely compatible with all versions of CSS.
Bootstrap
Bootstrap is the most popular HTML, CSS, and JavaScript framework for developing responsive, mobile-first websites. Bootstrap is completely free to download and use!
Learn more →CSS
CSS is used along with HTML and JavaScript in most websites to create user interfaces for web applications and user interfaces for many mobile applications.
RWD
RWD is called responsive web design when you use CSS and HTML to resize, hide, shrink, enlarge, or move the content to make it look good on any screen.
SASS
Sass has features that don't exist in CSS yet like nesting, mixins, inheritance, and other nifty goodies that help you write robust, maintainable CSS.
BOOTSTRAP
Bootstrap framework is built on HTML, CSS, and JavaScript (JS) to facilitate the development of responsive, mobile-first sites and applications.
WEB DEVELOPMENT
css
- CSS saves time
- Easy maintenance
- Global web standards
- Platform independence
- The layout of a web page is better controlled
-1-
CSS
responsive design
- All content and pages are flexible across all screen resolutions and devices
- You can read and navigate the site with minimum resizing and scrolling
-2-
RWD
sass
- It is more stable, powerful, and elegant because it is an extension of CSS
- It is compatible with all versions of CSS
- It contains fewer codes so you can write CSS quicker
-3-
SASS
bootstrap
- Fewer Cross browser bugs
- Responsive structures and styles
- Good documentation and community support
- Lightweight and customizable
-4-
BOOTSTRAP
web development
buraya bilgi yaz
@media (min-width: 992px) { body, p, a, h4 { font-size: 14px; } }
SASS
.form { &__group:not(:last-child) { margin-bottom: 2rem; }
BOOTSTRAP
class="list-group" class="list-group-item"
×
CSS Details
Important – Learn details of CSS
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
CSS