CSS Intro

-

 Cascading Style Sheets (CSS) 


  • CSS stands for Cascading Style Sheets
  • CSS describes how HTML elements are to be displayed on screen, paper, or in other media
  • CSS saves a lot of work. It can control the layout of multiple web pages all at once
  • External stylesheets are stored in CSS files


The selector points to the HTML element you want to style.

The declaration block contains one or more declarations separated by semicolons.

Each declaration includes a CSS property name and a value, separated by a colon.

Multiple CSS declarations are separated with semicolons, and declaration blocks are surrounded by curly braces.


All CSS Simple Selectors

SelectorExampleExample description
#id#firstnameSelects the element with id="firstname"
.class.introSelects all elements with class="intro"
element.classp.introSelects only <p> elements with class="intro"
**Selects all elements
elementpSelects all <p> elements
element,element,..div, pSelects all <div> elements and all <p> elements

Comments

Post a Comment

Popular posts from this blog

Mastering UI/UX Design with Figma

-
Image
UI/UX Design with Figma Figma is a powerful collaborative design tool that empowers UI/UX designers to create, prototype, and iterate on digital interfaces seamlessly. In this article, we explore the features and benefits of Figma and how it revolutionizes the UI/UX design process. Collaborative Design Environment: Figma provides a collaborative design environment that allows multiple team members to work on the same design file simultaneously. Real-time collaboration features such as multiplayer editing and commenting streamline communication and foster teamwork, enabling designers, developers, and stakeholders to collaborate effectively regardless of their geographical location. Interactive Prototyping: Figma's prototyping features enable designers to create interactive prototypes with ease, allowing them to simulate user interactions and test the flow of the interface in real-time. Designers can create clickable prototypes, define interaction states, and preview the prototype se...
Read more
-
Image
  INTRODUCTION OF WEB DEVELOPMENT Front-end development refers to constructing what a user sees when they load a web application – the content, design and how you interact with it. This is done with three codes – HTML, CSS and JavaScript. Back-end development controls what goes on behind the scenes of a web application. A back-end often uses a database to generate the front-end. Full stack developers:  Full stack developers do bits of both backend and frontend we’ll need two tools that every web developer uses: A text editor to write code - Visual Studio A web browser to see what we’re building - Firefox, Chrome language that we are going to use  Front design: HTML, CSS Client side: JavaScript Server side: PHP, Node.js, Ruby, Python Database: SQL, MongoDB
Read more

PHP Introduction

-
Image
  What is PHP? PHP is an acronym for "PHP: Hypertext Preprocessor" PHP is a widely-used, open source scripting language PHP scripts are executed on the server PHP is free to download and use To start using PHP, you can: Find a web host with PHP and MySQL support Install a web server on your own PC, and then install PHP and MySQL Use a Web Host With PHP Support If your server has activated support for PHP you do not need to do anything. Just create some  .php  files, place them in your web directory, and the server will automatically parse them for you. You do not need to compile anything or install any extra tools. Because PHP is free, most web hosts offer PHP support. Set Up PHP on Your Own PC However, if your server does not support PHP, you must: install a web server install PHP install a database, such as MySQL The official PHP website (PHP.net) has installation instructions for PHP:  http://php.net/manual/en/install.php PHP Verison To check your php version you ...
Read more