Std 12 Computer Chapter 2 Cascading Style Sheets and Javascript(Part 1 CSS)
•
1 like•258 views
Std 12 Computer Chapter 2 Cascading Style Sheet and Javascript (Part 1 CSS Cascading Style Sheets) by Nuzhat Memon
Report
Share
Report
Share
Recommended
Std 12 Computer Chapter 2 Cascading Style Sheet and Javascript (Part-2)
Javascript allows adding interactivity and dynamic behavior to web pages. It is a client-side scripting language that was developed by Netscape to address the limitations of static HTML pages. Javascript events occur when a user interacts with a web page, such as clicking a button. Event handlers in the form of Javascript functions execute in response to these events. Common events include load, click, change, and submit. The Browser Object Model includes objects like window, document, and form that can be manipulated with Javascript to control what happens in the browser.
Std 12 Computer Chapter 1 Creating Html Forms Using KompoZer
This document provides information on creating HTML forms using the KompoZer IDE. It discusses the key elements of forms such as the <form>, <input>, <textarea>, and <select> tags. It also describes common input field types like text, password, radio buttons, and checkboxes. Additionally, it outlines the interface and features of the KompoZer IDE for designing and laying out forms, including its toolbars, panes, and editing modes. Finally, it notes how background colors can be customized for forms created in KompoZer.
Std 12 Computer Chapter 3 Designing Simple Website using KompoZer
The document discusses planning and designing a simple website using KompoZer. It describes the important steps in planning a website including determining goals and content. It then explains how to use KompoZer to design basic webpage elements like tables and images. Finally, it discusses publishing the website by uploading files to a web server using FTP and provides information on other open source web development tools.
Std 12 Computer Chapter 5 Introduction to Mcommerce (Part 1)
Std 12 Computer Chapter 5 Introduction to Mcommerce (Part 1 Mcommerce and Lcommerce) Uses of Mcommerce, Benefits of Mcommerce, Limitation of Mcommerce, Applications of Mcommerce, Lcommerce, Location Based Search, GPS (Global Positioning System) and Map, Location Based Applications
Std 12 Computer Chapter 7 Java Basics (Part 1)
Std 12 Computer Chapter 7 Java Basics (Part 1) by Nuzhat Memon
Introduction to Java
Java Development Kit (JDK)
Java Runtime Environment (JRE)
java is a platform independent
Bytecode in java
java interpreter
Structure of a java program
literals in java
3 kinds of comments in java (single line comment, multiline comment, documentation comment)
Expression in java
Operator in java
Looping in java
continue and break statement in java
gseb computer paper solution 2020 english medium
JavaScript - Chapter 12 - Document Object Model
What is the DOM?
The DOM is a W3C (World Wide Web Consortium) standard.
The DOM defines a standard for accessing documents:
"The W3C Document Object Model (DOM) is a platform and language-neutral interface that allows programs and scripts to dynamically access and update the content, structure, and style of a document."
The W3C DOM standard is separated into 3 different parts:
Core DOM - standard model for all document types
XML DOM - standard model for XML documents
HTML DOM - standard model for HTML documents
The HTML DOM (Document Object Model)
When a web page is loaded, the browser creates a Document Object Model of the page.
The HTML DOM model is constructed as a tree of Objects.
With the HTML DOM, JavaScript can access and change all the elements of an HTML document.
CSS Selectors
- CSS3 is made up of modular components at different stages of development rather than a single specification. These include selectors, properties, and other modules.
- CSS selector capabilities were expanded in CSS3 with things like attribute selectors that select elements based on attributes, pseudo-classes for dynamic states like hover and active, and structural pseudo-classes for things like first-child.
- CSS4 is extending selector functionality further with things like the :matches pseudo-class to apply rules to groups of selectors, pseudo-classes for time-based states, and grid selector features. Support for CSS4 selectors is starting to appear in modern browsers.
Corel draw
The document describes the various tools available in CorelDraw including selection, shape, crop, zoom, and freehand tools. It also summarizes tools for rectangles, ellipses, polygons, basic shapes, text, blends, color picking, outlines, fills, and interactive menus. CorelDraw contains many tools for drawing, editing, arranging, and applying effects to objects and text. The menus allow accessing file management, object editing and transformation, layout, and help functions.
Recommended
Std 12 Computer Chapter 2 Cascading Style Sheet and Javascript (Part-2)
Javascript allows adding interactivity and dynamic behavior to web pages. It is a client-side scripting language that was developed by Netscape to address the limitations of static HTML pages. Javascript events occur when a user interacts with a web page, such as clicking a button. Event handlers in the form of Javascript functions execute in response to these events. Common events include load, click, change, and submit. The Browser Object Model includes objects like window, document, and form that can be manipulated with Javascript to control what happens in the browser.
Std 12 Computer Chapter 1 Creating Html Forms Using KompoZer
This document provides information on creating HTML forms using the KompoZer IDE. It discusses the key elements of forms such as the <form>, <input>, <textarea>, and <select> tags. It also describes common input field types like text, password, radio buttons, and checkboxes. Additionally, it outlines the interface and features of the KompoZer IDE for designing and laying out forms, including its toolbars, panes, and editing modes. Finally, it notes how background colors can be customized for forms created in KompoZer.
Std 12 Computer Chapter 3 Designing Simple Website using KompoZer
The document discusses planning and designing a simple website using KompoZer. It describes the important steps in planning a website including determining goals and content. It then explains how to use KompoZer to design basic webpage elements like tables and images. Finally, it discusses publishing the website by uploading files to a web server using FTP and provides information on other open source web development tools.
Std 12 Computer Chapter 5 Introduction to Mcommerce (Part 1)
Std 12 Computer Chapter 5 Introduction to Mcommerce (Part 1 Mcommerce and Lcommerce) Uses of Mcommerce, Benefits of Mcommerce, Limitation of Mcommerce, Applications of Mcommerce, Lcommerce, Location Based Search, GPS (Global Positioning System) and Map, Location Based Applications
Std 12 Computer Chapter 7 Java Basics (Part 1)
Std 12 Computer Chapter 7 Java Basics (Part 1) by Nuzhat Memon
Introduction to Java
Java Development Kit (JDK)
Java Runtime Environment (JRE)
java is a platform independent
Bytecode in java
java interpreter
Structure of a java program
literals in java
3 kinds of comments in java (single line comment, multiline comment, documentation comment)
Expression in java
Operator in java
Looping in java
continue and break statement in java
gseb computer paper solution 2020 english medium
JavaScript - Chapter 12 - Document Object Model
What is the DOM?
The DOM is a W3C (World Wide Web Consortium) standard.
The DOM defines a standard for accessing documents:
"The W3C Document Object Model (DOM) is a platform and language-neutral interface that allows programs and scripts to dynamically access and update the content, structure, and style of a document."
The W3C DOM standard is separated into 3 different parts:
Core DOM - standard model for all document types
XML DOM - standard model for XML documents
HTML DOM - standard model for HTML documents
The HTML DOM (Document Object Model)
When a web page is loaded, the browser creates a Document Object Model of the page.
The HTML DOM model is constructed as a tree of Objects.
With the HTML DOM, JavaScript can access and change all the elements of an HTML document.
CSS Selectors
- CSS3 is made up of modular components at different stages of development rather than a single specification. These include selectors, properties, and other modules.
- CSS selector capabilities were expanded in CSS3 with things like attribute selectors that select elements based on attributes, pseudo-classes for dynamic states like hover and active, and structural pseudo-classes for things like first-child.
- CSS4 is extending selector functionality further with things like the :matches pseudo-class to apply rules to groups of selectors, pseudo-classes for time-based states, and grid selector features. Support for CSS4 selectors is starting to appear in modern browsers.
Corel draw
The document describes the various tools available in CorelDraw including selection, shape, crop, zoom, and freehand tools. It also summarizes tools for rectangles, ellipses, polygons, basic shapes, text, blends, color picking, outlines, fills, and interactive menus. CorelDraw contains many tools for drawing, editing, arranging, and applying effects to objects and text. The menus allow accessing file management, object editing and transformation, layout, and help functions.
HTML5 audio & video
The document discusses HTML5 audio and video capabilities. It introduces the <audio> and <video> tags, which allow embedding audio and video on websites. It lists supported file formats and attributes for each tag, and provides examples of implementing basic audio and video playback with the tags. Browser support for different file formats is covered as well. The document aims to explain the basics of HTML5 audio and video.
Dom
The presentation provides an introduction to the Document Object Model (DOM) and how it allows JavaScript to access and modify HTML documents. It discusses how the DOM presents an HTML document as a tree structure, and how JavaScript can then restructure the document by adding, removing, or changing elements. It also gives examples of how DOM properties and methods allow accessing and manipulating specific nodes, such as changing the background color of the document body.
Introduction to AngularJS
AngularJS is an open source JavaScript framework maintained by Google that extends HTML with new elements and attributes. It uses a Model-View-Whatever architecture to develop single-page applications. Key AngularJS components include directives, expressions, and controllers that allow two-way data binding between models and views.
Basics of JavaScript
JavaScript is a scripting language originally designed for web browsers but now used everywhere. It has dynamic typing and supports object-oriented, imperative, and functional programming. JavaScript was created in 1995 and standardized in 1999. It is now the most popular language on GitHub. JavaScript can be used to build interactive web pages, desktop applications, server-side applications, IoT applications, and real-time applications. The core data types in JavaScript are Number, String, Boolean, Object, Function, Array, Date, and Regular Expressions. JavaScript supports features like variables, flow control, error handling, debugging, and JSON for data exchange.
Java script
JavaScript is a scripting language that can be inserted into HTML pages and used to program the behavior of web pages. It allows web pages to be dynamic and interactive. JavaScript code is placed between <script> and </script> tags and can manipulate HTML elements and write to the document. Variables, functions, conditional statements, and operators allow JavaScript code to run conditionally based on events or user input. JavaScript is case sensitive, uses semicolons, and has both local and global variables. Common data types include numbers, strings, arrays, and objects.
Introduction to CSS3
This presentation is target for developers that are new to CSS3, and would like to know what CSS3 they need to understand for Windows 8 development.
CSS Lists and Tables
The document discusses various CSS techniques for styling lists and tables. It provides examples of how to change list item markers, add images as markers, and control marker positioning. For tables, it shows how to add borders to tables and cells, control border styles, widths and colors, and collapse cell borders. Styles are demonstrated for centering, padding and aligning table cell content as well as setting background colors and text colors.
Css selectors
There are 6 types of CSS selectors: simple, class, generic, ID, universal, and pseudo-class selectors. Simple selectors apply styles to single elements. Class selectors allow assigning different styles to the same element on different occurrences. ID selectors define special styles for specific elements. Generic selectors define styles that can be applied to any tag. Universal selectors apply styles to all elements on a page. Pseudo-class selectors give special effects like focus and hover.
CSS - Text Properties
This document summarizes various CSS text properties including color, font-weight and style, font-family, letter-spacing, text-align, text-decoration, text-transform, line-height, and word-spacing. It provides possible values and examples for setting each property to control text styling and formatting.
Shadows Effects in CSS
This Presentation is based on the different effects of css like "box-shadow, text-shadow". We can also give these effects on the inner side of the text and any image or box.
Introduction of Html/css/js
HTML is a markup language used to define the structure and layout of web pages. CSS is used to style and lay out HTML elements, and JavaScript can be used to program behaviors and interactions in web pages. jQuery is a JavaScript library that simplifies HTML document traversal and manipulation, as well as event handling, animations, and Ajax interactions for rapid web development.
JavaScript guide 2020 Learn JavaScript
Over 200 Pages of resources and code snippets to learn JavaScript and JavaScript DOM manipulation. JavaScript is the most popular web programming language and this eBook will help you learn more about JavaScript Coding
Java Script ppt
JavaScript is a scripting language that allows dynamic interactivity on web pages. It was invented by Brendan Eich and can be used to create image galleries, layout changes, and button click responses. JavaScript code can be placed between <script> tags in HTML documents or in external .js files. Some key features include client-side execution in web browsers, dynamic rendering variations across browsers, and potential security issues if not implemented carefully. Common uses of JavaScript include manipulating DOM elements, handling events, and validating forms.
Html forms
Forms allow users to enter data into a website. They contain form elements like text fields, drop-down menus, and buttons. The <form> element defines a form, while <input>, <textarea>, <select>, and <button> elements create specific form controls. Forms submit data via GET or POST requests, and attributes like action, method, and target control submission. Common elements include single-line text, passwords, textareas, checkboxes, radio buttons, drop-downs, file uploads, hidden fields, and submit/reset buttons.
Java: GUI
Sub: Java
Topic: GUI Programming in Java
Slide number: 9
Presented by: Mahbubul Islam (MMI)
Lecturer, Dept. of CSE
University of Rajshahi
Css font properties
This document discusses CSS font properties and how to style text using CSS. It defines font-family, font-size, font-style, font-variant, and font-weight properties and provides examples of how to set each one. It also includes a quiz asking the reader to write CSS code to set various font properties individually and together in one declaration.
Css Text Formatting
This document discusses CSS text formatting properties including text color, alignment, decoration, transformation, indentation, letter spacing, and line height. It provides examples of how each property can be used by specifying the property name and value in a CSS style rule. For example, to center align text the text-align property is set to center. Various text formatting properties allow control over text color, positioning, effects, spacing, and other visual aspects through CSS.
Css selectors
This document provides an overview of CSS selectors and their uses. It describes the universal selector, element type selector, ID selector, class selector, descendant combinator, child combinator, adjacent sibling combinator, attribute selector, and pseudo-classes. Each selector type is defined and an example is given to illustrate how it can be used to select and style specific elements on an HTML page. Pseudo-classes allow selection of elements based on dynamic states like hover, active, focus, and visited links.
Javascript
This document provides an introduction to JavaScript and the Document Object Model (DOM). It discusses what JavaScript is, how it can be implemented into web pages, its syntax, data types, functions, and how it interacts with the DOM. JavaScript allows dynamic behavior and interactivity on web pages by accessing and modifying elements and properties of the DOM tree.
Unit-3-CSS-BWT.pptx
The document provides information on CSS (Cascading Style Sheets). It discusses the different types of style sheets including inline, internal/embedded, and external stylesheets. It also covers various CSS properties such as text formatting, borders, margins, positioning elements with classes, and color properties. CSS is used to define styles and layouts for HTML documents and makes web pages more presentable.
More Related Content
What's hot
HTML5 audio & video
The document discusses HTML5 audio and video capabilities. It introduces the <audio> and <video> tags, which allow embedding audio and video on websites. It lists supported file formats and attributes for each tag, and provides examples of implementing basic audio and video playback with the tags. Browser support for different file formats is covered as well. The document aims to explain the basics of HTML5 audio and video.
Dom
The presentation provides an introduction to the Document Object Model (DOM) and how it allows JavaScript to access and modify HTML documents. It discusses how the DOM presents an HTML document as a tree structure, and how JavaScript can then restructure the document by adding, removing, or changing elements. It also gives examples of how DOM properties and methods allow accessing and manipulating specific nodes, such as changing the background color of the document body.
Introduction to AngularJS
AngularJS is an open source JavaScript framework maintained by Google that extends HTML with new elements and attributes. It uses a Model-View-Whatever architecture to develop single-page applications. Key AngularJS components include directives, expressions, and controllers that allow two-way data binding between models and views.
Basics of JavaScript
JavaScript is a scripting language originally designed for web browsers but now used everywhere. It has dynamic typing and supports object-oriented, imperative, and functional programming. JavaScript was created in 1995 and standardized in 1999. It is now the most popular language on GitHub. JavaScript can be used to build interactive web pages, desktop applications, server-side applications, IoT applications, and real-time applications. The core data types in JavaScript are Number, String, Boolean, Object, Function, Array, Date, and Regular Expressions. JavaScript supports features like variables, flow control, error handling, debugging, and JSON for data exchange.
Java script
JavaScript is a scripting language that can be inserted into HTML pages and used to program the behavior of web pages. It allows web pages to be dynamic and interactive. JavaScript code is placed between <script> and </script> tags and can manipulate HTML elements and write to the document. Variables, functions, conditional statements, and operators allow JavaScript code to run conditionally based on events or user input. JavaScript is case sensitive, uses semicolons, and has both local and global variables. Common data types include numbers, strings, arrays, and objects.
Introduction to CSS3
This presentation is target for developers that are new to CSS3, and would like to know what CSS3 they need to understand for Windows 8 development.
CSS Lists and Tables
The document discusses various CSS techniques for styling lists and tables. It provides examples of how to change list item markers, add images as markers, and control marker positioning. For tables, it shows how to add borders to tables and cells, control border styles, widths and colors, and collapse cell borders. Styles are demonstrated for centering, padding and aligning table cell content as well as setting background colors and text colors.
Css selectors
There are 6 types of CSS selectors: simple, class, generic, ID, universal, and pseudo-class selectors. Simple selectors apply styles to single elements. Class selectors allow assigning different styles to the same element on different occurrences. ID selectors define special styles for specific elements. Generic selectors define styles that can be applied to any tag. Universal selectors apply styles to all elements on a page. Pseudo-class selectors give special effects like focus and hover.
CSS - Text Properties
This document summarizes various CSS text properties including color, font-weight and style, font-family, letter-spacing, text-align, text-decoration, text-transform, line-height, and word-spacing. It provides possible values and examples for setting each property to control text styling and formatting.
Shadows Effects in CSS
This Presentation is based on the different effects of css like "box-shadow, text-shadow". We can also give these effects on the inner side of the text and any image or box.
Introduction of Html/css/js
HTML is a markup language used to define the structure and layout of web pages. CSS is used to style and lay out HTML elements, and JavaScript can be used to program behaviors and interactions in web pages. jQuery is a JavaScript library that simplifies HTML document traversal and manipulation, as well as event handling, animations, and Ajax interactions for rapid web development.
JavaScript guide 2020 Learn JavaScript
Over 200 Pages of resources and code snippets to learn JavaScript and JavaScript DOM manipulation. JavaScript is the most popular web programming language and this eBook will help you learn more about JavaScript Coding
Java Script ppt
JavaScript is a scripting language that allows dynamic interactivity on web pages. It was invented by Brendan Eich and can be used to create image galleries, layout changes, and button click responses. JavaScript code can be placed between <script> tags in HTML documents or in external .js files. Some key features include client-side execution in web browsers, dynamic rendering variations across browsers, and potential security issues if not implemented carefully. Common uses of JavaScript include manipulating DOM elements, handling events, and validating forms.
Html forms
Forms allow users to enter data into a website. They contain form elements like text fields, drop-down menus, and buttons. The <form> element defines a form, while <input>, <textarea>, <select>, and <button> elements create specific form controls. Forms submit data via GET or POST requests, and attributes like action, method, and target control submission. Common elements include single-line text, passwords, textareas, checkboxes, radio buttons, drop-downs, file uploads, hidden fields, and submit/reset buttons.
Java: GUI
Sub: Java
Topic: GUI Programming in Java
Slide number: 9
Presented by: Mahbubul Islam (MMI)
Lecturer, Dept. of CSE
University of Rajshahi
Css font properties
This document discusses CSS font properties and how to style text using CSS. It defines font-family, font-size, font-style, font-variant, and font-weight properties and provides examples of how to set each one. It also includes a quiz asking the reader to write CSS code to set various font properties individually and together in one declaration.
Css Text Formatting
This document discusses CSS text formatting properties including text color, alignment, decoration, transformation, indentation, letter spacing, and line height. It provides examples of how each property can be used by specifying the property name and value in a CSS style rule. For example, to center align text the text-align property is set to center. Various text formatting properties allow control over text color, positioning, effects, spacing, and other visual aspects through CSS.
Css selectors
This document provides an overview of CSS selectors and their uses. It describes the universal selector, element type selector, ID selector, class selector, descendant combinator, child combinator, adjacent sibling combinator, attribute selector, and pseudo-classes. Each selector type is defined and an example is given to illustrate how it can be used to select and style specific elements on an HTML page. Pseudo-classes allow selection of elements based on dynamic states like hover, active, focus, and visited links.
Javascript
This document provides an introduction to JavaScript and the Document Object Model (DOM). It discusses what JavaScript is, how it can be implemented into web pages, its syntax, data types, functions, and how it interacts with the DOM. JavaScript allows dynamic behavior and interactivity on web pages by accessing and modifying elements and properties of the DOM tree.
What's hot (20)
Similar to Std 12 Computer Chapter 2 Cascading Style Sheets and Javascript(Part 1 CSS)
Unit-3-CSS-BWT.pptx
The document provides information on CSS (Cascading Style Sheets). It discusses the different types of style sheets including inline, internal/embedded, and external stylesheets. It also covers various CSS properties such as text formatting, borders, margins, positioning elements with classes, and color properties. CSS is used to define styles and layouts for HTML documents and makes web pages more presentable.
DHTML
This document discusses DHTML and CSS. It defines DHTML as a combination of HTML, CSS, and scripting that allows dynamic web pages. It describes the four main components of DHTML - HTML, CSS, scripting languages like JavaScript, and the DOM. It provides details on each component, including how CSS controls formatting, how scripting adds interactivity, and how the DOM defines elements for script access. It also gives examples of using internal, inline, and external CSS stylesheets.
Introduction of css
CSS (Cascading Style Sheets) allows you to control the style and layout of HTML documents. There are three ways to apply CSS - inline styles within HTML tags, internal styles within <style> tags in the head section, or external styles in a separate .css file linked via <link> tags. CSS rules contain selectors that specify elements to style and declarations that define properties like color, font, size and layout. For example, the rule h1 {color: navy;} would make all <h1> text navy blue. External stylesheets are best for applying styles across many pages by changing one .css file.
CSS.pptx
CSS (Cascading Style Sheets) allows separation of document content from document presentation through the use of style sheets. It was introduced in 1996 by the W3C to enable separation of presentation and content, allowing content to be delivered in different styles for different devices like desktop and mobile. CSS provides various selectors to target specific elements and properties to control aspects like colors, backgrounds, fonts and layout. This allows consistent styling across multiple pages with less code.
CSS.ppt
The document defines CSS (Cascading Style Sheets) and its advantages over HTML. CSS describes how HTML elements are displayed, controls layout, and saves work by allowing styles to be reused across pages. There are three ways to add CSS - inline using the style attribute, internally using the <style> tag, or externally using a separate .css file which is most common. CSS rules have selectors, properties, and values to style elements.
WEB TECHNOLOGY Unit-2.pptx
The document provides information on client-side programming and CSS. It defines client-side programming as code that runs in the browser and deals with the user interface. Some key points made about CSS include:
- CSS stands for Cascading Style Sheets and describes how HTML elements are displayed.
- There are three ways to insert CSS - external, internal, and inline stylesheets. CSS selectors are used to target specific elements for styling.
- The document discusses various CSS properties including colors, backgrounds, and adding background images. Color values can be defined using hexadecimal, RGB, and other notation.
Beginners css tutorial for web designers
This is the CSS Tutorial for Beginners that teach the basics of CSS. This tutorial will show the basic structure of a CSS style and will show 3 different methods to apply styles.
Unit iii css and javascript 1
This document discusses Cascading Style Sheets (CSS). CSS is a style language that specifies layout of HTML documents. It allows separation of page structure (HTML) from page presentation (CSS). CSS offers formatting elements and ability to control layout from a single style sheet. CSS syntax uses selectors to target HTML elements and properties to set values. There are three CSS styles - inline within HTML tags, internal within <style> tags in <head>, and external in a .css file linked via <link> tag.
Intro to css
CSS (Cascading Style Sheets) is a language for styling and formatting web pages. It allows developers to control the layout and presentation of HTML documents, saving time by applying styles across multiple pages at once. CSS rules contain selectors that target HTML elements, properties that define what is styled, and values that determine how it is styled. There are three main ways to define CSS - inline, internal, and external stylesheets. External is considered best practice as it allows styling multiple pages with one CSS file. CSS selectors like ID, class, and pseudo-selectors are used to target specific elements for styling.
Cascading Style Sheets for web browser.pptx
CSS (Cascading Style Sheets) allows control over how HTML elements are displayed on different media. CSS saves work by allowing global control of layout and styles across multiple web pages from a single stylesheet. It provides advantages like faster page loads, easy maintenance through global changes, superior styling capabilities, and compatibility across devices. CSS is created and maintained by the W3C consortium and browser vendors implement CSS specifications. Styles are applied using selectors that target elements by name, id, class, and other attributes. Styles can be defined internally, in external style sheets, or inline in elements.
Css.html
This document provides an introduction and overview of Cascading Style Sheets (CSS). It defines CSS as used to format and style web pages, describes the advantages of using CSS including simplifying design changes and creating style sheets for different audiences. It then explains the basic syntax of CSS using examples and describes the three types of CSS styles: internal, inline, and external styles. Finally, it outlines different CSS selectors including element, id, and class selectors and provides an example of how to use CSS to style an HTML table.
Css
What is CSS and what are its types and the selectors which are used in CSS. This slide can help to find all the information which is important for beginners.
Cascading style sheet an introduction
This document introduces Cascading Style Sheets (CSS) and discusses its syntax, selectors, and different types including inline CSS, internal CSS, and external CSS. CSS is used to style web pages and control layout, and has benefits like easier maintenance and faster page loads. CSS syntax uses selectors to point to HTML elements and properties to define styles. The three types are inline CSS using the style attribute, internal CSS within <style> tags in the head, and external CSS linking to a separate .css file.
CSS Bootstrap.pdf
CSS is a language for styling web pages that describes how HTML elements should be displayed. It controls the layout, fonts, colors, and other aspects of visual elements by using properties like color, font-size, margin, padding, border, and positioning. CSS can define styles that are applied to all elements on a page (external style sheet), just one page (internal style sheet), or just a single element (inline styles). The box model is a fundamental concept in CSS, treating each element as a rectangular box with properties for content, padding, border, and margin. Bootstrap is a popular CSS framework that provides pre-built styles and components to help build responsive web pages. The viewport refers to the visible area of
Cascading Styling Sheets(CSS) simple design language intended to transform th...
1.Inline CSS
2. Internal
3.External
Inline CSS: Inline CSS contains the CSS property in the body section attached to the element is known as inline CSS. This kind of style is specified within an HTML tag using the style attribute.
<html>
<head>
<title>Inline CSS</title>
</head>
<body>
<p style="color:#009900; font-size:50px;
font-style:italic; text-align:center;">
Nesamony Memorial Christian College
</p>
</body>
</html>
Internal or Embedded CSS: This can be used when a single HTML document must be styled uniquely. The CSS rule set should be within the HTML file in the head section i.e. the CSS is embedded within the <style> tag inside the head section of the HTML file.
<html>
<head>
<title>Internal CSS</title>
<style>
.main {
text-align: center;
}
.mca {
color: #009900;
font-size: 50px;
font-weight: bold;
}
.nmcc {
font-style: bold;
font-size: 20px;
}
</style>
</head>
External CSS: External CSS contains separate CSS files that contain only style properties with the help of tag attributes (For example class, id, heading, … etc).
CSS property is written in a separate file with a .css extension and should be linked to the HTML document using a link tag. It means that, for each element, style can be set only once and will be applied across web pages.
<html>
<head>
<link rel="stylesheet" href="geeks.css" />
</head>
<body>
<div class="main">
<div class=“mca">Department of Computer Science & Applications</div>
<div id=“nmcc">
Basics of Web Design
</div>
</div>
</body>
</html>
Introduction to CSS
CSS (Cascading Style Sheets) is a rule-based language that applies styling to HTML elements. There are three main ways to apply CSS styles: inline styles, internal style sheets within <style> tags in the <head>, and external style sheets linked via <link> tags. CSS controls elements' properties like color, font size, width, and more using selectors, declarations, and properties. Common selectors include element selectors that style all elements of a type, and ID selectors that target elements with unique IDs. CSS separates structure from presentation, allowing for easier maintenance and interchangeable styling.
Css
CSS (Cascading Style Sheets) is a style sheet language that allows control over the look and formatting of a document written in a markup language like HTML. CSS handles the styling and layout of web pages and allows separation of content from design. Key points covered in the document include that CSS can control colors, fonts, layout, backgrounds and other styling aspects. It provides advantages like time savings, easier maintenance, faster page loads and global standards compliance. CSS rules are created and maintained by the W3C and different versions have been released over time. CSS syntax involves selectors, properties and values to target elements and apply styles. Styles can be defined inline, internally, or via external stylesheets.
Lecture-6.pptx
CSS (Cascading Style Sheets) is a style sheet language used to describe the presentation of HTML documents, including how elements should be rendered on screen, on paper, in speech, or on other media. CSS saves time because styles defined in CSS files can be reused across multiple HTML pages. It provides more control over formatting than HTML alone and helps separate a document's content from its presentation. The document then explains various CSS concepts like selectors, properties, syntax, and how to apply styles using internal, external and inline CSS.
CSS Introduction
CSS (Cascading Style Sheets) is a style sheet language used to describe the presentation of HTML documents, including how elements are displayed on screen, paper, or in other media. The document discusses various CSS properties such as display, background, border, and their values and usage. CSS can control the layout, formatting, and styles of HTML elements and is commonly used alongside HTML and JavaScript to create visually appealing web pages and user interfaces.
Similar to Std 12 Computer Chapter 2 Cascading Style Sheets and Javascript(Part 1 CSS) (20)
Cascading Styling Sheets(CSS) simple design language intended to transform th...
Cascading Styling Sheets(CSS) simple design language intended to transform th...
More from Nuzhat Memon
Std 10 chapter 11 data type, expression and operators important MCQs
Std 10 chapter 11 data type, expression and operators important MCQsby Nuzhat Memon
std 10 english medium Computer
Computer std 10 Chapter 10 Important MCQs
std 10 computer important questions
std 10 computer chapter 11 mcq english medium
Std 10 Chapter 10 Introduction to C Language Important MCQs
Std 10 Chapter 10 Introduction to C Language Important MCQs by Nuzhat Memon
std 10 english medium Computer
Computer std 10 Chapter 10 Important MCQs
std 10 computer important questions
std 10 computer chapter 10 mcq english medium
Std 12 chapter 7 Java Basics Important MCQs
This document contains 84 multiple choice questions about Java basics. The questions cover topics like:
- Java's history and development
- Features like platform independence and bytecode
- Basic Java concepts like data types, variables, operators, and control flow
- Comments and documentation
- Arithmetic, logical, and comparison operators
Std 12 computer chapter 8 classes and objects in java important MCQs
Std 12 Computer Chapter 8 Classes and Objects in Java important MCQs
Std 12 Computer MCQs
Computer std 12 mcq ch 8
computer std 12 ch 8 mcq
std 12 important mcq
chapter 8 Classes and Object in Java
creating a class in java
creating an object in java
constructor in java
inheritance in java
polymorphism in java
method overloading and method overridden
Std 12 Computer Chapter 6 object oriented concept important mcqs
Std 12 Computer Chapter 6 object oriented concept important mcqs by nuzhat memon
gseb computer paper solution 2020 english medium
gseb computer paper solution 2021 english medium
std 12 computer paper solution 2020
std 12 computer paper solution 2021
std 12 computer chapter 6 object oriented concepts mcq
computer std 12 mcq
std 12 computer chapter 6 mcq
Std 12 computer chapter 6 object oriented concepts (part 1)
Std 12 computer chapter 6 object oriented concepts (part 1) by Nuzhat Memon
Introduction to class and object
Procedural (Structural) programming language
Object Oriented programming language
Two ways of programming language (POP and OOP)
four specific object properties
4 pillars of OOPs
Encapsulation in Java
Abstraction in Java
Messaging in Java
Polymorphism in Java
Std 12 computer chapter 6 object oriented concepts (part 2)
Std 12 computer chapter 6 object oriented concepts (part 2) by Nuzhat Memon
Aggregation and Composition
Aggregation vs. Composition
Inheritance
Composition vs. Inheritance
gseb computer 2020 and 2021 english medium
Std 12 computer java basics part 3 control structure
Std 12 Computer Chapter 7 Java Basics (Part 3) by Nuzhat Memon
Block in java
Control structures in java
Branches in java
if statement
switch statement
loops in java
for loop
while loop
do while loop
break statement and continue statement
gseb computer paper solution 2020 english medium
Std 12 Computer Chapter 7 Java Basics (Part 2)
Std 12 Computer Chapter 7 Java Basics (Part 2) by Nuzhat Memon
Operators in java
Arithmetic operator
Assignment operator
conditional or ternary operator
Relational operator
Logical operator
Bitwise Operator
Std 12 Computer Chapter 13 other useful free tools and services important MCQs
Std 12 Computer Chapter 9 Other useful free tools and services important MCQs
Std 12 Computer MCQs
Computer std 12 mcq ch 13
computer std 12 ch 13 mcq
std 12 important mcq
chapter 13 other useful free tools and services
VLC media player
Google Map
R software
Rational plan
Std 12 Computer Chapter 9 Working with Array and String in Java important MCQs
Std 12 Computer Chapter 9 Working with Array and String in Java important MCQs
Std 12 Computer MCQs
Computer std 12 mcq ch 9
computer std 12 ch 9 mcq
std 12 important mcq
chapter 9 working with array and string
1 d array (single dimensional array)
2 d array
String in java
Std 12 computer chapter 8 classes and object in java (part 2)
Std 12 computer chapter 8 classes and objects in java (Part 2) by Nuzhat Memon
Variable Type (Instance Variable, Class Variable, Local Variable)
Accessing an instance variable and method using Dot notation
Accessing class variable and method using class name
Inheritance
Polymorphism (Method overloading and Method overridden)
Access Modifier or Visibility Modifier in java (4 p's Public Package Private and Private)
Accessor and Mutator
Composition and Aggregation
Constructor (special kind of method called automatically when a new object is created)
Std 10 computer chapter 10 introduction to c language (part2)
Std 10 computer chapter 10 introduction to c language (part2) by Nuzhat Memon
C Character Set
C Tokens
Keywords
Identifier
Variable
Constants
Std 10 computer chapter 10 introduction to c language (part1)
Std 10 computer chapter 10 introduction to c language (part1) by Nuzhat Memon
Program and Characteristics of Program
Need of Programming Language
Need of Translator
History of C Language
Features of C Language
First Program in C Language
Structure of C Language (Documentation Section, Symbolic Constant Definition, File Include Section, Global Variable or Declaration Section, Main Function, User Defined Function)
Execution of C Program (Source code, Compiler, Object code, Linker, Executable code, Loader)
Std 10 computer chapter 9 Problems and Problem Solving
Std 10 computer chapter 9 Problems and Problem Solving
Problem and Types of problem
Problem solving
Flowchart
Symbols of flowchart
Flowchart to calculate area of rectangle
Flowchart to calculate area and perimeter of circle
Flowchart to compute simple interest
Flowchart to find youngest student amongst two students
Flowchart to find youngest student amongst three students
Flowchart to find youngest student amongst any number of students
Flowchart to find sum of first 50 odd numbers
Flowchart to interchange or swap values of two variables with extra variable
Flowchart to interchange or swap values of two variables without extra variable
Advantage and disadvantage of flowchart
Algorithm
Advantage of flowchart
disadvantage of flowchart
Algorithm
Algorithm to find sum of numbers divisible by 11 in the range of 1 to 100
Algorithm to compute interest
Algorithm to find total weekly pay of employee
Std 11 Computer Chapter 5 Using Pictures in Synfig (Practical 3: Masking to R...
Masking in Synfig allows users to hide or reveal objects on layers. Masks can be inverted to selectively show or hide parts of a layer using an alpha blend method called "alpha over". This blending technique allows masking to reveal objects by hiding or showing areas of a selected layer.
Chapter 5 Using Pictures in Synfig (Practical 2: Masking to hide area in synfig)
Chapter 5 Using Pictures in Synfig (Practical 2: Masking to Hide Area in Synfig) by Nuzhat Memon
Masking in Synfig
Std 11 Computer Chapter 5 Using Pictures in Synfig (Practical 1 Basics Opera...
Std 11 Computer Chapter 5 Using Pictures in Synfig (Practical 1 Basics Operations on Image in Synfig) by Nuzhat Memon
Inserting image in Synfig
Std 11 Computer Chapter 4 Introduction to Layers (Part 3 Solving Textual Exe...
This document contains a series of multiple choice questions about layers in animation software. Layers represent different levels that objects can be placed above or below each other. Each layer has its own set of parameters and can contain effects that do not apply to layers below it. Encapsulation is used to create a new inline layer from selected objects or elements.
Std 11 Computer Chapter 4 Introduction to Layers (Part 2 Practical :Rotation ...
This document discusses how to rotate objects on a specified path in Adobe Illustrator. It explains how to create a new rotation layer, select objects to rotate, and link the vertices of objects to the path using the "Link to Bline" feature so that the objects will rotate as they follow the curve of the path. The document provides instructions for rotating layers and linking objects to bline outlines so they will rotate along specified paths in Illustrator.
More from Nuzhat Memon (20)
Std 10 chapter 11 data type, expression and operators important MCQs
Std 10 chapter 11 data type, expression and operators important MCQs
Std 10 Chapter 10 Introduction to C Language Important MCQs
Std 10 Chapter 10 Introduction to C Language Important MCQs
Std 12 computer chapter 8 classes and objects in java important MCQs
Std 12 computer chapter 8 classes and objects in java important MCQs
Std 12 Computer Chapter 6 object oriented concept important mcqs
Std 12 Computer Chapter 6 object oriented concept important mcqs
Std 12 computer chapter 6 object oriented concepts (part 1)
Std 12 computer chapter 6 object oriented concepts (part 1)
Std 12 computer chapter 6 object oriented concepts (part 2)
Std 12 computer chapter 6 object oriented concepts (part 2)
Std 12 computer java basics part 3 control structure
Std 12 computer java basics part 3 control structure
Std 12 Computer Chapter 13 other useful free tools and services important MCQs
Std 12 Computer Chapter 13 other useful free tools and services important MCQs
Std 12 Computer Chapter 9 Working with Array and String in Java important MCQs
Std 12 Computer Chapter 9 Working with Array and String in Java important MCQs
Std 12 computer chapter 8 classes and object in java (part 2)
Std 12 computer chapter 8 classes and object in java (part 2)
Std 10 computer chapter 10 introduction to c language (part2)
Std 10 computer chapter 10 introduction to c language (part2)
Std 10 computer chapter 10 introduction to c language (part1)
Std 10 computer chapter 10 introduction to c language (part1)
Std 10 computer chapter 9 Problems and Problem Solving
Std 10 computer chapter 9 Problems and Problem Solving
Std 11 Computer Chapter 5 Using Pictures in Synfig (Practical 3: Masking to R...
Std 11 Computer Chapter 5 Using Pictures in Synfig (Practical 3: Masking to R...
Chapter 5 Using Pictures in Synfig (Practical 2: Masking to hide area in synfig)
Chapter 5 Using Pictures in Synfig (Practical 2: Masking to hide area in synfig)
Std 11 Computer Chapter 5 Using Pictures in Synfig (Practical 1 Basics Opera...
Std 11 Computer Chapter 5 Using Pictures in Synfig (Practical 1 Basics Opera...
Std 11 Computer Chapter 4 Introduction to Layers (Part 3 Solving Textual Exe...
Std 11 Computer Chapter 4 Introduction to Layers (Part 3 Solving Textual Exe...
Std 11 Computer Chapter 4 Introduction to Layers (Part 2 Practical :Rotation ...
Std 11 Computer Chapter 4 Introduction to Layers (Part 2 Practical :Rotation ...
Recently uploaded
Hindi varnamala | hindi alphabet PPT.pdf
हिंदी वर्णमाला पीपीटी, hindi alphabet PPT presentation, hindi varnamala PPT, Hindi Varnamala pdf, हिंदी स्वर, हिंदी व्यंजन, sikhiye hindi varnmala, dr. mulla adam ali, hindi language and literature, hindi alphabet with drawing, hindi alphabet pdf, hindi varnamala for childrens, hindi language, hindi varnamala practice for kids, https://www.drmullaadamali.com
RHEOLOGY Physical pharmaceutics-II notes for B.pharm 4th sem students
Physical pharmaceutics notes for B.pharm students
BÀI TẬP DẠY THÊM TIẾNG ANH LỚP 7 CẢ NĂM FRIENDS PLUS SÁCH CHÂN TRỜI SÁNG TẠO ...
BÀI TẬP DẠY THÊM TIẾNG ANH LỚP 7 CẢ NĂM FRIENDS PLUS SÁCH CHÂN TRỜI SÁNG TẠO ...Nguyen Thanh Tu Collection
https://app.box.com/s/qhtvq32h4ybf9t49ku85x0n3xl4jhr15Traditional Musical Instruments of Arunachal Pradesh and Uttar Pradesh - RAYH...
Traditional Musical Instruments of Arunachal Pradesh and Uttar Pradesh
বাংলাদেশ অর্থনৈতিক সমীক্ষা (Economic Review) ২০২৪ UJS App.pdf
বাংলাদেশের অর্থনৈতিক সমীক্ষা ২০২৪ [Bangladesh Economic Review 2024 Bangla.pdf] কম্পিউটার , ট্যাব ও স্মার্ট ফোন ভার্সন সহ সম্পূর্ণ বাংলা ই-বুক বা pdf বই " সুচিপত্র ...বুকমার্ক মেনু 🔖 ও হাইপার লিংক মেনু 📝👆 যুক্ত ..
আমাদের সবার জন্য খুব খুব গুরুত্বপূর্ণ একটি বই ..বিসিএস, ব্যাংক, ইউনিভার্সিটি ভর্তি ও যে কোন প্রতিযোগিতা মূলক পরীক্ষার জন্য এর খুব ইম্পরট্যান্ট একটি বিষয় ...তাছাড়া বাংলাদেশের সাম্প্রতিক যে কোন ডাটা বা তথ্য এই বইতে পাবেন ...
তাই একজন নাগরিক হিসাবে এই তথ্য গুলো আপনার জানা প্রয়োজন ...।
বিসিএস ও ব্যাংক এর লিখিত পরীক্ষা ...+এছাড়া মাধ্যমিক ও উচ্চমাধ্যমিকের স্টুডেন্টদের জন্য অনেক কাজে আসবে ...
LAND USE LAND COVER AND NDVI OF MIRZAPUR DISTRICT, UP
This Dissertation explores the particular circumstances of Mirzapur, a region located in the
core of India. Mirzapur, with its varied terrains and abundant biodiversity, offers an optimal
environment for investigating the changes in vegetation cover dynamics. Our study utilizes
advanced technologies such as GIS (Geographic Information Systems) and Remote sensing to
analyze the transformations that have taken place over the course of a decade.
The complex relationship between human activities and the environment has been the focus
of extensive research and worry. As the global community grapples with swift urbanization,
population expansion, and economic progress, the effects on natural ecosystems are becoming
more evident. A crucial element of this impact is the alteration of vegetation cover, which plays a
significant role in maintaining the ecological equilibrium of our planet.Land serves as the foundation for all human activities and provides the necessary materials for
these activities. As the most crucial natural resource, its utilization by humans results in different
'Land uses,' which are determined by both human activities and the physical characteristics of the
land.
The utilization of land is impacted by human needs and environmental factors. In countries
like India, rapid population growth and the emphasis on extensive resource exploitation can lead
to significant land degradation, adversely affecting the region's land cover.
Therefore, human intervention has significantly influenced land use patterns over many
centuries, evolving its structure over time and space. In the present era, these changes have
accelerated due to factors such as agriculture and urbanization. Information regarding land use and
cover is essential for various planning and management tasks related to the Earth's surface,
providing crucial environmental data for scientific, resource management, policy purposes, and
diverse human activities.
Accurate understanding of land use and cover is imperative for the development planning
of any area. Consequently, a wide range of professionals, including earth system scientists, land
and water managers, and urban planners, are interested in obtaining data on land use and cover
changes, conversion trends, and other related patterns. The spatial dimensions of land use and
cover support policymakers and scientists in making well-informed decisions, as alterations in
these patterns indicate shifts in economic and social conditions. Monitoring such changes with the
help of Advanced technologies like Remote Sensing and Geographic Information Systems is
crucial for coordinated efforts across different administrative levels. Advanced technologies like
Remote Sensing and Geographic Information Systems
9
Changes in vegetation cover refer to variations in the distribution, composition, and overall
structure of plant communities across different temporal and spatial scales. These changes can
occur natural.
Solutons Maths Escape Room Spatial .pptx
Solutions of Puzzles of Mathematics Escape Room Game in Spatial.io
Constructing Your Course Container for Effective Communication
Communicating effectively and consistently with students can help them feel at ease during their learning experience and provide the instructor with a communication trail to track the course's progress. This workshop will take you through constructing an engaging course container to facilitate effective communication.
Wound healing PPT
This document provides an overview of wound healing, its functions, stages, mechanisms, factors affecting it, and complications.
A wound is a break in the integrity of the skin or tissues, which may be associated with disruption of the structure and function.
Healing is the body’s response to injury in an attempt to restore normal structure and functions.
Healing can occur in two ways: Regeneration and Repair
There are 4 phases of wound healing: hemostasis, inflammation, proliferation, and remodeling. This document also describes the mechanism of wound healing. Factors that affect healing include infection, uncontrolled diabetes, poor nutrition, age, anemia, the presence of foreign bodies, etc.
Complications of wound healing like infection, hyperpigmentation of scar, contractures, and keloid formation.
Philippine Edukasyong Pantahanan at Pangkabuhayan (EPP) Curriculum
(𝐓𝐋𝐄 𝟏𝟎𝟎) (𝐋𝐞𝐬𝐬𝐨𝐧 𝟏)-𝐏𝐫𝐞𝐥𝐢𝐦𝐬
𝐃𝐢𝐬𝐜𝐮𝐬𝐬 𝐭𝐡𝐞 𝐄𝐏𝐏 𝐂𝐮𝐫𝐫𝐢𝐜𝐮𝐥𝐮𝐦 𝐢𝐧 𝐭𝐡𝐞 𝐏𝐡𝐢𝐥𝐢𝐩𝐩𝐢𝐧𝐞𝐬:
- Understand the goals and objectives of the Edukasyong Pantahanan at Pangkabuhayan (EPP) curriculum, recognizing its importance in fostering practical life skills and values among students. Students will also be able to identify the key components and subjects covered, such as agriculture, home economics, industrial arts, and information and communication technology.
𝐄𝐱𝐩𝐥𝐚𝐢𝐧 𝐭𝐡𝐞 𝐍𝐚𝐭𝐮𝐫𝐞 𝐚𝐧𝐝 𝐒𝐜𝐨𝐩𝐞 𝐨𝐟 𝐚𝐧 𝐄𝐧𝐭𝐫𝐞𝐩𝐫𝐞𝐧𝐞𝐮𝐫:
-Define entrepreneurship, distinguishing it from general business activities by emphasizing its focus on innovation, risk-taking, and value creation. Students will describe the characteristics and traits of successful entrepreneurs, including their roles and responsibilities, and discuss the broader economic and social impacts of entrepreneurial activities on both local and global scales.
Beyond Degrees - Empowering the Workforce in the Context of Skills-First.pptx
Iván Bornacelly, Policy Analyst at the OECD Centre for Skills, OECD, presents at the webinar 'Tackling job market gaps with a skills-first approach' on 12 June 2024
BÀI TẬP BỔ TRỢ TIẾNG ANH 8 CẢ NĂM - GLOBAL SUCCESS - NĂM HỌC 2023-2024 (CÓ FI...
BÀI TẬP BỔ TRỢ TIẾNG ANH 8 CẢ NĂM - GLOBAL SUCCESS - NĂM HỌC 2023-2024 (CÓ FI...Nguyen Thanh Tu Collection
https://app.box.com/s/y977uz6bpd3af4qsebv7r9b7s21935vdWalmart Business+ and Spark Good for Nonprofits.pdf
"Learn about all the ways Walmart supports nonprofit organizations.
You will hear from Liz Willett, the Head of Nonprofits, and hear about what Walmart is doing to help nonprofits, including Walmart Business and Spark Good. Walmart Business+ is a new offer for nonprofits that offers discounts and also streamlines nonprofits order and expense tracking, saving time and money.
The webinar may also give some examples on how nonprofits can best leverage Walmart Business+.
The event will cover the following::
Walmart Business + (https://business.walmart.com/plus) is a new shopping experience for nonprofits, schools, and local business customers that connects an exclusive online shopping experience to stores. Benefits include free delivery and shipping, a 'Spend Analytics” feature, special discounts, deals and tax-exempt shopping.
Special TechSoup offer for a free 180 days membership, and up to $150 in discounts on eligible orders.
Spark Good (walmart.com/sparkgood) is a charitable platform that enables nonprofits to receive donations directly from customers and associates.
Answers about how you can do more with Walmart!"
What is Digital Literacy? A guest blog from Andy McLaughlin, University of Ab...
What is Digital Literacy? A guest blog from Andy McLaughlin, University of Aberdeen
Gender and Mental Health - Counselling and Family Therapy Applications and In...
A proprietary approach developed by bringing together the best of learning theories from Psychology, design principles from the world of visualization, and pedagogical methods from over a decade of training experience, that enables you to: Learn better, faster!
How to Setup Warehouse & Location in Odoo 17 Inventory
In this slide, we'll explore how to set up warehouses and locations in Odoo 17 Inventory. This will help us manage our stock effectively, track inventory levels, and streamline warehouse operations.
Recently uploaded (20)
RHEOLOGY Physical pharmaceutics-II notes for B.pharm 4th sem students
RHEOLOGY Physical pharmaceutics-II notes for B.pharm 4th sem students
BÀI TẬP DẠY THÊM TIẾNG ANH LỚP 7 CẢ NĂM FRIENDS PLUS SÁCH CHÂN TRỜI SÁNG TẠO ...
BÀI TẬP DẠY THÊM TIẾNG ANH LỚP 7 CẢ NĂM FRIENDS PLUS SÁCH CHÂN TRỜI SÁNG TẠO ...
Traditional Musical Instruments of Arunachal Pradesh and Uttar Pradesh - RAYH...
Traditional Musical Instruments of Arunachal Pradesh and Uttar Pradesh - RAYH...
বাংলাদেশ অর্থনৈতিক সমীক্ষা (Economic Review) ২০২৪ UJS App.pdf
বাংলাদেশ অর্থনৈতিক সমীক্ষা (Economic Review) ২০২৪ UJS App.pdf
LAND USE LAND COVER AND NDVI OF MIRZAPUR DISTRICT, UP
LAND USE LAND COVER AND NDVI OF MIRZAPUR DISTRICT, UP
spot a liar (Haiqa 146).pptx Technical writhing and presentation skills
spot a liar (Haiqa 146).pptx Technical writhing and presentation skills
Constructing Your Course Container for Effective Communication
Constructing Your Course Container for Effective Communication
Philippine Edukasyong Pantahanan at Pangkabuhayan (EPP) Curriculum
Philippine Edukasyong Pantahanan at Pangkabuhayan (EPP) Curriculum
Beyond Degrees - Empowering the Workforce in the Context of Skills-First.pptx
Beyond Degrees - Empowering the Workforce in the Context of Skills-First.pptx
BÀI TẬP BỔ TRỢ TIẾNG ANH 8 CẢ NĂM - GLOBAL SUCCESS - NĂM HỌC 2023-2024 (CÓ FI...
BÀI TẬP BỔ TRỢ TIẾNG ANH 8 CẢ NĂM - GLOBAL SUCCESS - NĂM HỌC 2023-2024 (CÓ FI...
Walmart Business+ and Spark Good for Nonprofits.pdf
Walmart Business+ and Spark Good for Nonprofits.pdf
What is Digital Literacy? A guest blog from Andy McLaughlin, University of Ab...
What is Digital Literacy? A guest blog from Andy McLaughlin, University of Ab...
Gender and Mental Health - Counselling and Family Therapy Applications and In...
Gender and Mental Health - Counselling and Family Therapy Applications and In...
How to Setup Warehouse & Location in Odoo 17 Inventory
How to Setup Warehouse & Location in Odoo 17 Inventory
Std 12 Computer Chapter 2 Cascading Style Sheets and Javascript(Part 1 CSS)
- 2. Purpose of CSS • Cascading Style Sheets or CSS allows to specify styles for the visual elements of the website. • CSS helps to keep the information content of a document separate from the details of how to display it. – HTML is used to describe the information content of the document and not the style. – CSS describes the style of the elements in the document and not its content. • The detail of how to display the document is known as Style. • Style specify the appearance of particular page elements on the screen. • Keeping the style separate from the content helps us to : – Avoid duplication in coding – Use the same content with different styles for different purposes – Easy maintenance of code • Using CSS, we can set all element types to appear in a style as per our choice.
- 3. Syntax of CSS • The syntax of CSS consists of special symbols known as rules. • A CSS rule has two main parts: – A Selector – One or more declaration • The selector is the HTML element on which you want to apply the style. • Declaration consists of a property associated with the HTML element used in selector and its corresponding value. • The general syntax of CSS is defined as : • selector { property:value} • h1 { color: green } • Kompozer uses CSS by default, Click Tools->Preferences. – Select General category on the left side of the window. – Select the checkbox use CSS styles instead of HTML elements and attributes.
- 4. Advantage of CSS • CSS allows us to set the format of the website without changing the underlying structure. • By separating the layout and format properties of the website form its underlying logical structure, we can make changes to the website without the fear of accidentally changing the data. • The CSS has less code compared to that in HTML • Thus the web pages will load faster. • Using CSS makes website designing quick and efficient.
- 5. Disadvantage of CSS • The CSS compatibility varies with different browsers. – Stylesheet features are not supported by the browser and style cannot be displayed as per the users design.
- 6. THANK YOU