The document discusses various CSS properties for styling fonts, text, links, borders, and outlines. It defines properties like font-family, font-size, text-align, border-style, and outline-width. Examples are provided to demonstrate how each property can be used to style text and elements on a webpage. Key CSS properties and their possible values are summarized in tables for easy reference. Code snippets and HTML examples further illustrate the use of these properties in practice.
Act Academy provides Industrial training in PHP, .Net, graphic designing, web designing and many more. Also provides diploma courses in CAD designing, Financial accounting with 100% job assurances.
In this slide, we will discuss about what are css, html and also javascript. These three languages are very powerful and must be mastered and understood by all programmers and "hackers".
This slide will give you a clear view on what are they and their functions. Please note that, this slide does not teach you how to write/program them. This slides is completely for any levels.
1) Easy to understand.
2) Comments are included to make you understand better!
3) Ready to go for any presentation.
4) Full of informations
5) Small but powerful
What makes it interesting?
- These languages are used in every websites on the internet.
Why them?
- Seek for yourself in the slide
The basic of css for all.
Separates structure from presentation
Provides advanced control of presentation
Easy maintenance of multiple pages
Faster Page loading
Better accessibility for disabled users
Easy to learn
Act Academy provides Industrial training in PHP, .Net, graphic designing, web designing and many more. Also provides diploma courses in CAD designing, Financial accounting with 100% job assurances.
In this slide, we will discuss about what are css, html and also javascript. These three languages are very powerful and must be mastered and understood by all programmers and "hackers".
This slide will give you a clear view on what are they and their functions. Please note that, this slide does not teach you how to write/program them. This slides is completely for any levels.
1) Easy to understand.
2) Comments are included to make you understand better!
3) Ready to go for any presentation.
4) Full of informations
5) Small but powerful
What makes it interesting?
- These languages are used in every websites on the internet.
Why them?
- Seek for yourself in the slide
The basic of css for all.
Separates structure from presentation
Provides advanced control of presentation
Easy maintenance of multiple pages
Faster Page loading
Better accessibility for disabled users
Easy to learn
On these slides. I explain all the properties and values of CSS Cascade Style Sheet (CSS).
How to define CSS class or id. How to implement CSS on the HTML page.
Cascading Style Sheets (CSS) is a fundamental technology in web development, responsible for styling and formatting web pages. In this comprehensive guide, we'll delve deep into CSS, exploring its history, syntax, selectors, properties, and advanced techniques. By the end, you'll have a thorough understanding of CSS and its role in modern web design.
Introduction to CSS
Cascading Style Sheets (CSS) is a style sheet language used for describing the presentation of a document written in markup languages like HTML or XML. It enhances the visual appearance and layout of web pages by separating the content from its presentation. CSS enables developers to control various aspects of web design, including fonts, colors, spacing, layout, and responsiveness.CSS was first proposed by Håkon Wium Lie in 1994, and the first version, CSS1, was released in 1996. It provided basic styling capabilities like font, color, and text properties. CSS2, introduced in 1998, added more features such as positioning, floats, and enhanced selectors. CSS3, a modularized version, began development in 1999 and is still evolving today. It introduced numerous new features, including animations, transitions, gradients, and advanced layout techniques.
The Cascading Style Sheets Specification ( CSS ) is a computer language that is used to write formatting instructions ( rules ). These rules tell a web browser how webpage content should 'look'— in terms of: layout. position, alignment, width, height, etc.
As a business owner in Delaware, staying on top of your tax obligations is paramount, especially with the annual deadline for Delaware Franchise Tax looming on March 1. One such obligation is the annual Delaware Franchise Tax, which serves as a crucial requirement for maintaining your company’s legal standing within the state. While the prospect of handling tax matters may seem daunting, rest assured that the process can be straightforward with the right guidance. In this comprehensive guide, we’ll walk you through the steps of filing your Delaware Franchise Tax and provide insights to help you navigate the process effectively.
Personal Brand Statement:
As an Army veteran dedicated to lifelong learning, I bring a disciplined, strategic mindset to my pursuits. I am constantly expanding my knowledge to innovate and lead effectively. My journey is driven by a commitment to excellence, and to make a meaningful impact in the world.
Accpac to QuickBooks Conversion Navigating the Transition with Online Account...PaulBryant58
This article provides a comprehensive guide on how to
effectively manage the convert Accpac to QuickBooks , with a particular focus on utilizing online accounting services to streamline the process.
3.0 Project 2_ Developing My Brand Identity Kit.pptxtanyjahb
A personal brand exploration presentation summarizes an individual's unique qualities and goals, covering strengths, values, passions, and target audience. It helps individuals understand what makes them stand out, their desired image, and how they aim to achieve it.
Unveiling the Secrets How Does Generative AI Work.pdfSam H
At its core, generative artificial intelligence relies on the concept of generative models, which serve as engines that churn out entirely new data resembling their training data. It is like a sculptor who has studied so many forms found in nature and then uses this knowledge to create sculptures from his imagination that have never been seen before anywhere else. If taken to cyberspace, gans work almost the same way.
RMD24 | Retail media: hoe zet je dit in als je geen AH of Unilever bent? Heid...BBPMedia1
Grote partijen zijn al een tijdje onderweg met retail media. Ondertussen worden in dit domein ook de kansen zichtbaar voor andere spelers in de markt. Maar met die kansen ontstaan ook vragen: Zelf retail media worden of erop adverteren? In welke fase van de funnel past het en hoe integreer je het in een mediaplan? Wat is nu precies het verschil met marketplaces en Programmatic ads? In dit half uur beslechten we de dilemma's en krijg je antwoorden op wanneer het voor jou tijd is om de volgende stap te zetten.
Putting the SPARK into Virtual Training.pptxCynthia Clay
This 60-minute webinar, sponsored by Adobe, was delivered for the Training Mag Network. It explored the five elements of SPARK: Storytelling, Purpose, Action, Relationships, and Kudos. Knowing how to tell a well-structured story is key to building long-term memory. Stating a clear purpose that doesn't take away from the discovery learning process is critical. Ensuring that people move from theory to practical application is imperative. Creating strong social learning is the key to commitment and engagement. Validating and affirming participants' comments is the way to create a positive learning environment.
"𝑩𝑬𝑮𝑼𝑵 𝑾𝑰𝑻𝑯 𝑻𝑱 𝑰𝑺 𝑯𝑨𝑳𝑭 𝑫𝑶𝑵𝑬"
𝐓𝐉 𝐂𝐨𝐦𝐬 (𝐓𝐉 𝐂𝐨𝐦𝐦𝐮𝐧𝐢𝐜𝐚𝐭𝐢𝐨𝐧𝐬) is a professional event agency that includes experts in the event-organizing market in Vietnam, Korea, and ASEAN countries. We provide unlimited types of events from Music concerts, Fan meetings, and Culture festivals to Corporate events, Internal company events, Golf tournaments, MICE events, and Exhibitions.
𝐓𝐉 𝐂𝐨𝐦𝐬 provides unlimited package services including such as Event organizing, Event planning, Event production, Manpower, PR marketing, Design 2D/3D, VIP protocols, Interpreter agency, etc.
Sports events - Golf competitions/billiards competitions/company sports events: dynamic and challenging
⭐ 𝐅𝐞𝐚𝐭𝐮𝐫𝐞𝐝 𝐩𝐫𝐨𝐣𝐞𝐜𝐭𝐬:
➢ 2024 BAEKHYUN [Lonsdaleite] IN HO CHI MINH
➢ SUPER JUNIOR-L.S.S. THE SHOW : Th3ee Guys in HO CHI MINH
➢FreenBecky 1st Fan Meeting in Vietnam
➢CHILDREN ART EXHIBITION 2024: BEYOND BARRIERS
➢ WOW K-Music Festival 2023
➢ Winner [CROSS] Tour in HCM
➢ Super Show 9 in HCM with Super Junior
➢ HCMC - Gyeongsangbuk-do Culture and Tourism Festival
➢ Korean Vietnam Partnership - Fair with LG
➢ Korean President visits Samsung Electronics R&D Center
➢ Vietnam Food Expo with Lotte Wellfood
"𝐄𝐯𝐞𝐫𝐲 𝐞𝐯𝐞𝐧𝐭 𝐢𝐬 𝐚 𝐬𝐭𝐨𝐫𝐲, 𝐚 𝐬𝐩𝐞𝐜𝐢𝐚𝐥 𝐣𝐨𝐮𝐫𝐧𝐞𝐲. 𝐖𝐞 𝐚𝐥𝐰𝐚𝐲𝐬 𝐛𝐞𝐥𝐢𝐞𝐯𝐞 𝐭𝐡𝐚𝐭 𝐬𝐡𝐨𝐫𝐭𝐥𝐲 𝐲𝐨𝐮 𝐰𝐢𝐥𝐥 𝐛𝐞 𝐚 𝐩𝐚𝐫𝐭 𝐨𝐟 𝐨𝐮𝐫 𝐬𝐭𝐨𝐫𝐢𝐞𝐬."
Taurus Zodiac Sign_ Personality Traits and Sign Dates.pptxmy Pandit
Explore the world of the Taurus zodiac sign. Learn about their stability, determination, and appreciation for beauty. Discover how Taureans' grounded nature and hardworking mindset define their unique personality.
Memorandum Of Association Constitution of Company.pptseri bangash
www.seribangash.com
A Memorandum of Association (MOA) is a legal document that outlines the fundamental principles and objectives upon which a company operates. It serves as the company's charter or constitution and defines the scope of its activities. Here's a detailed note on the MOA:
Contents of Memorandum of Association:
Name Clause: This clause states the name of the company, which should end with words like "Limited" or "Ltd." for a public limited company and "Private Limited" or "Pvt. Ltd." for a private limited company.
https://seribangash.com/article-of-association-is-legal-doc-of-company/
Registered Office Clause: It specifies the location where the company's registered office is situated. This office is where all official communications and notices are sent.
Objective Clause: This clause delineates the main objectives for which the company is formed. It's important to define these objectives clearly, as the company cannot undertake activities beyond those mentioned in this clause.
www.seribangash.com
Liability Clause: It outlines the extent of liability of the company's members. In the case of companies limited by shares, the liability of members is limited to the amount unpaid on their shares. For companies limited by guarantee, members' liability is limited to the amount they undertake to contribute if the company is wound up.
https://seribangash.com/promotors-is-person-conceived-formation-company/
Capital Clause: This clause specifies the authorized capital of the company, i.e., the maximum amount of share capital the company is authorized to issue. It also mentions the division of this capital into shares and their respective nominal value.
Association Clause: It simply states that the subscribers wish to form a company and agree to become members of it, in accordance with the terms of the MOA.
Importance of Memorandum of Association:
Legal Requirement: The MOA is a legal requirement for the formation of a company. It must be filed with the Registrar of Companies during the incorporation process.
Constitutional Document: It serves as the company's constitutional document, defining its scope, powers, and limitations.
Protection of Members: It protects the interests of the company's members by clearly defining the objectives and limiting their liability.
External Communication: It provides clarity to external parties, such as investors, creditors, and regulatory authorities, regarding the company's objectives and powers.
https://seribangash.com/difference-public-and-private-company-law/
Binding Authority: The company and its members are bound by the provisions of the MOA. Any action taken beyond its scope may be considered ultra vires (beyond the powers) of the company and therefore void.
Amendment of MOA:
While the MOA lays down the company's fundamental principles, it is not entirely immutable. It can be amended, but only under specific circumstances and in compliance with legal procedures. Amendments typically require shareholder
What is the TDS Return Filing Due Date for FY 2024-25.pdfseoforlegalpillers
It is crucial for the taxpayers to understand about the TDS Return Filing Due Date, so that they can fulfill your TDS obligations efficiently. Taxpayers can avoid penalties by sticking to the deadlines and by accurate filing of TDS. Timely filing of TDS will make sure about the availability of tax credits. You can also seek the professional guidance of experts like Legal Pillers for timely filing of the TDS Return.
Premium MEAN Stack Development Solutions for Modern BusinessesSynapseIndia
Stay ahead of the curve with our premium MEAN Stack Development Solutions. Our expert developers utilize MongoDB, Express.js, AngularJS, and Node.js to create modern and responsive web applications. Trust us for cutting-edge solutions that drive your business growth and success.
Know more: https://www.synapseindia.com/technology/mean-stack-development-company.html
Affordable Stationery Printing Services in Jaipur | Navpack n PrintNavpack & Print
Looking for professional printing services in Jaipur? Navpack n Print offers high-quality and affordable stationery printing for all your business needs. Stand out with custom stationery designs and fast turnaround times. Contact us today for a quote!
2. CSS Font
2
CSS font properties define the font family, boldness, size, and the style of a text.
Property values Description
font use all property together Sets all the font properties in one
declaration
font-family “Times new roman”, Calibri, … Specifies the font family for text
font-size Pixel, em, percent ( 1em= 16px ) Specifies the font size of text.
font-style Normal, italic, oblique Specifies the font style for text
font-variant Normal, small-caps Specifies whether or not a text should be
displayed in a small-caps font
font-weight Normal, bold, length Specifies the weight of a font
CSS Font Properties e6_font-properties>>
Note: The font-family property should hold several font names as a "fallback" system. If the
browser does not support the first font, it tries the next font. If the name of a font family is more
than one word, it must be in quotation marks, like: "Times New Roman".
3. CSS Font
3
Font example: e6_font-properties>>
<!DOCTYPE html><html><head>
<style>
p.Family { font-family: Monospace,"Times New Roman";}
p.thick { font-weight: bold; }
p.italic { font-style: italic; }
p.size { font-size: 25px; }
p.var { font-variant: small-caps; }
</style>
</head>
<body>
<p class="family">This is a paragraph ---font family.</p>
<p>This is a paragraph.</p>
<p class="var">This is a paragraph ---small caps.</p>
<p class="thick">This is a paragraph ---bold.</p>
<p class="italic">This is a paragraph ---italic.</p>
<p class="size">This is a paragraph ---size.</p>
</body></html>
4. CSS Text
4
Property values Description
color Color Sets the color of text
direction ltr, rtl Specifies the text direction/writing direction
letter-spacing Normal, length Increases or decreases the space between
characters in a text
line-height Normal, Number, length, % Sets the line height
text-align Left, right, center, justify Specifies the horizontal alignment of text
text-decoration None, underline, overline
line-through
Specifies the decoration added to text
CSS Text Properties:
CSS text properties used to manipulate text.
5. CSS Text
5
Property values Description
text-indent Length, % Specifies the indentation of the first line in a text-
block
text-shadow None, color, length Specifies the shadow effect added to text
text-transform None, capitalize, uppercase,
lowercase
Controls the capitalization of text
vertical-align Top, middle, bottom, length,
sub, super, …
Sets the vertical alignment of an element
white-space Normal, pre, nowrap Specifies how white-space inside an element is
handled
word-spacing length Increases or decreases the space between words in
a text
7. CSS Links
7
• Links can be styled in different ways.
• Links can be styled with any CSS property (e.g.color, font-family, background, etc)
a {
color: #FF0000;
}
In addition, links can be styled differently depending on what state they are in.
The four links states are:
•a:link - a normal, unvisited link
•a:visited - a link the user has visited
•a:hover - a link when the user mouses over it
•a:active - a link the moment it is clicked
e1_a-links>>
a:link {color: #FF0000;}
a:visited {color: red;}
a:hover {color: blue;}
a:active {color: #CCEECC;}
8. CSS Borders
8
• The CSS border properties allow you to specify the style, size, and color of an
element's border.
• In HTML we use tables to create borders around a text, but with the CSS border
properties we can create borders with nice effects, and it can be applied to any
element.
• The border property is a shorthand for the following properties:
✓ border-width
✓ border-style (required)
✓ border-color
p {
border: 5px solid red;
}
width
style
Color
NOTE: border-style must be used if you want to use CSS border effect.
9. CSS Borders
9
All CSS Border properties:
Property Description values
border Sets all the border properties in one
declaration
Border-width , border-style, border-
color
border-width Sets the width of the four borders Thin, medium, thick, length
border-style Sets the style of the four borders None, hidden, dotted, dashed, solid
Double, groove, ridge, inset, outset
border-color Sets the color of the four borders color name, hexa, rgb
border-bottom Sets all the bottom border properties
in one declaration
Border-bottom-color, border-bottom-
style, border-bottom-width
border-bottom-color Sets the color of the bottom border
border-bottom-style Sets the style of the bottom border
border-bottom-width Sets the width of the bottom border
border-left Sets all the left border properties in
one declaration
Border-left-color, border-left-style,
border-left-width
border-left-color Sets the color of the left border
10. Property Description Values
border-left-style Sets the style of the left border
border-left-width Sets the width of the left border
border-right Sets all the right border properties
in one declaration
Border-right-color, border-right-style,
border-right-width
border-right-color Sets the color of the right border
border-right-style Sets the style of the right border
border-right-width Sets the width of the right border
border-top Sets all the top border properties
in one declaration
Border-top-color, border-top-style,
border-top-width
border-top-color Sets the color of the top border
border-top-style Sets the style of the top border
border-top-width Sets the width of the top border
CSS Borders
10
All CSS Border properties:
14. CSS3 border-radius
14
border-radius property values
Also you can use different values for each corner
The border-radius property is a shorthand property for setting the four border-*-
radius properties. which are:
1. border-top-left-radius
2. border-top-right-radius
3. border-bottom-right-radius
4. border-bottom-left-radius
border-radius: 25px;
1
4 3
2
border-radius: 25px 10px 15px 0px;
15. border-radius example
15
<!DOCTYPE html><html><head>
<style>
div{ text-align:center;
width:350px;
height:35px;}
div.all { border: 2px solid #a1a1a1;
border-radius: 25px; }
div.tl { border: 2px solid #a1a1a1;
border-top-left-radius: 25px; }
div.tr { border: 2px solid #a1a1a1;
border-top-right-radius: 25px; }
div.bl{ border: 2px solid #a1a1a1;
border-bottom-left-radius: 25px; }
div.br { border: 2px solid #a1a1a1;
border-bottom-right-radius: 25px; }
</style>
</head><body>
<div class=‘all’>all corners will be affected </div><br>
<div class=‘tl’>top left corner will be affected </div><br>
<div class=‘tr’>top right corner will be affected </div><br>
<div class=‘bl’>bottom left corner will be affected </div><br>
<div class=‘br’>bottom right corner will be affected </div><br>
</body></html>
16. CSS Outlines
16
• An outline is a line that is drawn around elements (outside the borders) to make
the element "stand out". The outline properties specify the style, color, and
width of an outline.
• The outline is not a part of an element's dimensions; the element's total width
and height is not affected by the width of the outline.
Syntax: outline: outline-color outline-style outline-width;
17. CSS Outlines
17
All CSS Outline Properties:
Property Description Values
outline Sets all the outline properties
in one declaration
outline-color
outline-style
outline-width
outline-color Sets the color of an outline color_name, hex_number, rgb_number
outline-style Sets the style of an outline None, dotted, dashed, solid, double, groove
ridge, inset, outset
outline-width Sets the width of an outline Thin, medium, thick, length
18. CSS Outlines
18
Example:outline
<!DOCTYPE html><html><head>
<style>
p.out {
border: 1px solid red;
outline: #00ff00 groove 15px;
}
p.all{
border: 1px solid red;
outline-style: groove;
outline-color: #00ff00;
outline-width: 15px;
}
</style>
</head>
<body>
<p class='out'> IE8 supports the outline
properties if a !DOCTYPE is specified.</p><br>
<p class='all>has the same style like above</p>
</body></html>
outline
19. CSS3 box-shadow
19
Box-shadow property values
The CSS3 box-shadow property applies shadow to elements.
box-shadow: 25px 10px 15px 10px red inset;
Horizontal shadow Vertical shadow
blur effect (optional) Shadow color (optional)
Spread (optional)
Inner shadow(optional)
h-shadow Required. The position of the horizontal shadow. Negative values are allowed
v-shadow Required. The position of the vertical shadow. Negative values are allowed
blur Optional. The blur distance
spread Optional. The size of shadow. Negative values are allowed
color Optional. The color of the shadow. The default value is black
inset Optional. Changes the shadow from an outer shadow (outset) to an inner shadow
20. Box-shadow example
20
<!DOCTYPE html><html><head>
<style>
div {
width: 300px; height: 100px;
background-color: yellow;
box-shadow: 15px 15px 25px 5px orange;
}
</style>
</head><body>
<div>this is box shadow without inset</div>
</body></html>
<!DOCTYPE html><html><head>
<style>
div {
width: 300px; height: 100px;
background-color: yellow;
box-shadow: 15px 15px 25px 5px orange inset;
}
</style>
</head><body>
<div>this is box shadow with inset</div>
</body></html>