How Does CSS Work

 HTML        How Does CSS Work?

CSS brings style to your web pages by interacting with HTML elements. Elements are the individual HTML components of a web page—for instance a paragraph—which in HTML might look like this:
<p>This is my paragraph!</p>
If you wanted to make this paragraph appear pink and bold to people viewing your web page through a web browser, you’d use CSS code that looks like this:
p  {  color:pink;  font-weight:bold;  }
In this case, “p” (the paragraph) is called the “selector”—it’s the part of CSS code specifying which HTML element the CSS styling will effect. In CSS, the selector is written to the left of the first curly bracket. The information between curly brackets is called a declaration, and it contains properties and values that are applied to the selector. Properties are things like font size, color, and margins, while values are the settings for those properties. In the example above, “color” and “font-weight” are both properties, and “pink” and “bold” are values. The full bracketed set of
{  color:pink;  font-weight:bold;  }
is the declaration, and again, “p” (meaning the HTML paragraph) is the selector. These same basic principles can be applied to change font sizes, background colors, margin indentations, and more. For instance. . .
body  {  background-color:lightblue;  }
. . .would make your page’s background light blue, or. . .
p  {  font-size:20px;  color:red;  }
. . .will create a 20 point font paragraph with red letters.

Comments

Post a Comment

Popular posts from this blog

What is HTML

Image
        HTML stands for  H yper  T ext  M arkup  L anguage         HTML is the  standard markup  language for Web pages         HTML  elements  are the building blocks of HTML pages         HTML elements are represented by  <> tags HTML Attributes HTML elements can have  attributes Attributes provide  additional information  about the element Attributes come in name/value pairs like  charset="utf-8"   HTML Document Structure Below is a visualization of an HTML document (an HTML Page): <html> <head> <title>Page title</title> </head> <body> <h1>This is a heading</h1> <p>This is a paragraph.</p> <p>This is another paragraph.</p> </body> </html> Note:  Only the content...
Read more

Artificial Agent

Image
What is Artificial Agent Artificial intelligence is defined as study of Logical or rational  agents. A Logical  agent could be anything which makes decisions,take decision,  like a person, firm, machine, or software. It carries out an action with the best outcome after considering past  and current percepts(agent’s perceptual inputs at a given instance). The artificial agent perceiving environment through sensors and acting upon that environment through actuators. perceiving its environment through  sensors  and acting upon that environment through  actuators Note  : Every agent can perceive its own actions (but not always the effects) To understand the structure of Intelligent Agents, we should be familiar with  Architecture  and  Agent Program .  Architecture  is the machinery that the agent executes on. It is a device with sensors and actuators, for example : a robotic car, a camera, a PC.  Age...
Read more

What is machine learning

Image
This article discusses the categories of machine learning problems, and terminologies used in the field of machine learning. Types of machine learning problems There are various ways to classify machine learning problems. Here, we discuss the most obvious ones. 1. On basis of the nature of the learning “signal” or “feedback” available to a learning system Supervised learning : The computer is presented with example inputs and their desired outputs, given by a “teacher”, and the goal is to learn a general rule that maps inputs to outputs. The training process continues until the model achieves a desired level of accuracy on the training data. Some real life examples are: Image Classification:  You train with images/labels. Then in the future you give a new image expecting that the computer will recognize the new object. Market Prediction/Regression:  You train the computer with historical market data and ask the computer to predict the ...
Read more