0
CSS Cascading Style Sheets
A widely used style sheet language, the Cascading Style Sheets (CSS) describes the layout of HTML, XHTML, and XML documents. CSS separates the presentation from the content of the document to provide accessibility and flexibility.
423 Questions
What class gives you more control over the style on a Web page?
Classes can be freely added to most tags in your html document - it is your choice what you need and how you still them in your CSS
Can you set background color using font tag?
<font style="background-color: red;">this text will have a red background</font>
Webpage example using HTML and css?
This example uses CSS in the head section of the HTML document: (the CSS has been highlighted in bold)
This heading is in blue.
This bold text is green and very large.
This paragraph is in red
However, this text is black as it is not a paragraph.
How do you create a button that perform cut operation using css?
The short answer: you can't.
CSS doesn't have anywhere near the ability to perform an operation requiring access to the user's clipboard. To do this, you would need a more advanced technology.
JavaScript is the most immediate candidate. But JavaScript is specifically barred from accessing the clipboard by the EMCA standards (which almost all browser vendors adhere to.)
Instead, you have to resort to the proprietary technology provided by Adobe's Flash. The technique, furthermore, requires the use of an "invisible" Flash movie to activate. In other words, the "right click" or "keyboard input" methods of cut aren't available. Furthermore, they're very difficult to mimic.
Anyway you "cut" it (pardon the pun) you can't use CSS for this kind of functionality. JavaScript (however) could be used to give a reasonable facsimile and Flash can give you the actual Operating System based functionality.
What is the best background image size?
There is no one ideal size... it depends on your goals for the Site.
One thing is true, the smaller your image size, the better. For that reason, most Web Designers use a seamless, "tiled" image, meaning a small piece that can be repeated over and over again without the viewer being able to see where the edges meet.
Pick a size, for example 50px x 50px. Try to find the tile size that allows you to make a unique background while using the smallest amount of real estate.
It takes a little practice to be able to design a tile properly so that it blends together with itself, but in no time you'll be a pro. Just think symmetrically, both horizintally and vertically, and you're already off to a good start.
Some Site Designers out there want the entire background to be a unique, non-repeating pattern. For these applications, you're going to have to use an image that is as wide and tall as the standard screen (about 1024px x 728 these days). This image will undoubtedly be larger in file size and take more time to load into a browser window, which is one of the reasons most Designers don't take this approach.
Many Designers are of the opinon that file size doesn't matter that much anymore. Most Internet users have a high-speed connection these days and the load times don't take as long as they used to. Old-School Designers like myself were taught to design to the lowest common denominator: That is, to design your pages so that Joe Blow in middle America with a 56K dial-up connection can still access your Site and see it properly.
You will have to make a call on which stance you take, maybe somewhere in between... determining what size background image to use is based upon your needs and goals.
Best Wishes
Marc
What kind of styles are located in a separate css file and linked to the HTML language?
All the elements taht render the appearance of the page are contained within the CSS file and are linked to the HTML file within the <Head> element as so:
<link href="basic.css" type="text/css" rel="stylesheet" media="screen"/>
<
Why won't my CSS coding apply to my HTML?
This is the code:
<!doctype html>
<head>
<title>Home</title>
<style type="text/css">
body {
background-color: hsl(170,75%,25%;}
p {
font-family: Poiret One, Cabin, Helvetica, Arial, sans-serifl;
font-size: 14px;
font-weight: normal;
line-height: 18px;
color: hsl(60,85%,75%;}
h1, h2, h3 {
letter-spacing: 0.1em;
font-family: Amatic SC, Comfortaa, Architects Daughter, Times New Roman, Times, serif;
font-weight: bold;
color: hsl(300,85%,75%);}
h1 {
font-size: 28px;
line-height: 36px;
text-shadow: 1px 1px 0px #000000;}
h2 {
font-size: 21px;
line-height: 27px;}
h3 {
font-size: 16px;
line-height: 20px;}
a:link {
color: #f0ffff;
text-decoration: none;}
a:hover {
color: #6495ed;
text-decoration: underline;}
</style>
</head>
<body>
<h1>Home</h1>
<p><ul>
<li><a href="index.html">Home</a></li>
<li><a href="poetryandshortstories.html">Poetry and Short Stories</a></li>
<li><a href="about.html">About</a></li>
</ul></p>
<p> </p>
<img src="images/girlumbrellarain.jpg" alt="" width="150" height="100"/>
<p> </p>
<p><q>A wise girl kisses but doesn't love, listens but doesn't believe, and leaves before she is left.</q><br />-<abbr title="Marilyn Monroe">M.M.</abbr></p>
</body>
</html>
What is the proper syntax for changing the text color of a p element?
<p style="color:#FFFFFF;"></p>
A: this is correct although it is better to store your CSS rules in separate files, which makes editing and changing CSS easier and allows for manipulating of the DOM nodes (in this case the P tag):
CSS style for all P tags:
p { style: color: red; }
CSS style for one specific P tag:
p#my-id { color: red; }
HTML for the latter:
<p id="my-id">some text which is now red</p>
<p>this paragraph has the common formatting and won't be red</p>
How do you uniform a website with Dreamweaver when viewed at different resolutions?
I may not be the best to answer to answer this, but the default widths on stylesheets is Auto. If for instance you want three columns, then you and the two outside columns required a fixed width, then you would not define a width for the center column and it would resize for the screen size.
If you want three columns and they can all resize according to scren size, then define them as percentages and they will all resize accordingly.
Note: if you wish to have a full-width footer beneath the the colums, you must use the clear: all; style. I use external stylesheets so I would have:
br.clear {
clear: all;
}
in the stylesheet, and
<br class="clear"/>
in the HTML
How do you show and hide content with CSS and JavaScript?
I reccommend using consistent ID's on all of the tags that you plan to manipulate in your HTML. Example: <table id="table1"> <tr> <td>Table Toggle</td> <tr> </table> <a href="javascript:document.getElementById('table1').style.visibility='visible';"> Show </a> <br><br> <a href="javascript:document.getElementById('table1').style.visibility='hidden';"> Hide </a>
What CSS would apply a blue color to a web page background?
You have two options. 1. Set the body tag to the specified blue color: <body style='background-color: #0000FF'> (Find the colors and their corresponding codes using a search engine. #0000FF is a bright blue) 2. Create an image 1 pixel by 1 pixel of the blue color you want to use. Set the body tag to display that image: <body style='background-image: url("myBlueImage.gif")'> I have used the inline styles. You could do this using a linked sheet, or the <STYLE> tag in the header or your HTML. 1. BODY { background-color: #0000FF; background-image: url("myBlueImage.gif"); }
What are two way to change value of a css property?
There are not two but three ways to change. Inline, Internal and External CSS are three ways of changing CSS.
How do you change your main title font on Freewebs using CSS?
If your main title tag is <h1> u could try this.
Put this within your <head> tag
<style type="text/css">
h1 {
font-family:"Kirsten ITC","Secondary Font";
font-size: How big you want your font to be;
font-weight: For normal font "normal", For bolded font "bold";
}
</style>
For the <h1> tag, you could give it a "class" or "id"
then instead of "h1 {" type
".(class name) {" for classes or
"#(id name) {"for id's.
Remember to remove the brackets and write the name class/id name properly. It is case Sensitive!!!
How do you paste a background on 2.0 CSS?
Well firstly it is CSS 2.0 and the background is defined in the body tag thusly
body {
background-image: url(brnbak02.gif);
background-repeat: repeat;
background-color: #cfe3ff;
font-size: 12pt;
font-family: "Times New Roman", serif;
margin: 0;
padding: 0;
}
Does CSS support search engine optimization?
[ "SEO" = "Search Engine Optimization" ] CSS effects how attractive your site looks. This may result in a rise in visitors and hits, since users may want to stay on the site. CSS does not effect the actual process of SEO, though, because the actual definition of SEO is to generate more users with targeted keywords.
How do you set equal spacing for the content between header and footer?
You have ti give header position:normal and footer position:normal and also give to content:.wrap {margin:100px auto; width:---px;}
How do you use CSS in Dreamweaver?
Ok, you have created your huge website like this:
Hello, World!
As you can see it is very complex...only some slight sarcasm...anyway now go to:
File >> New >> CSS
Now you have a blank CSS document, say we put in this CSS:
body {
background-color:#000000;
}
p {
color:#ffffff;
}
When you look at your page there is no difference, you may now be screeming at the keyboard, all you have to do is insert this code into the HEAD of the document:
Just change style.css to whatever you saved them as, remember to save them in the same directory!, Good Luck =]
Does Gmod 9 work with downloaded Hl2 hl2 dm and Css?
As long as you have ANY source game excluding deathmatch, you can play. But please note that you will usually need a lot of source games to see other people's props that come from other source games.
What does CSS source code look like?
Here's some valid 2.1 - 3.0 CSS; it will work on Social Netorking Site profiles (like Myspace and Facebook) and general XML or (X)HTML documents (as well as any other documents that accept CSS styling). ---- /* This is a comment. These are generally used for guiding programmers. */ body { background-color: #000000; } /* First, let's set styles for the the three divisions with classes "container," "header," and "content" repsectively */ div.container { border: 1px solid #CCCCCC; width: 800px; height: auto; } div.header { border-bottom: 3px dotted #CCCCCC; height: 200px; } div.content { { background-color:#AAAAAA; color:#FFFFFF; font-family: Arial; font-size: 16px; } /* Let's add the same styles to multiple tags at once */ span.bigandblue, span.bigandblue { font-size: 72px; } /* We only want img tags that are inside the content div tag to have a border; however, img tags that are outside should not. Let's make that happen */ div.content img { border: 1px solid #000000; } /* Now let's set the styles of the tag with the id attribute of "logo" */ #logo { border:none; } /* The following uses psuedo classes, which are styles to be set depending on certain factors. Usually, they are dynamic. These deal with links, and changing their appearance depending on if they are hovered over, or have been visited. */ a:link, a:hover, a:visited, a:active { text-decoration: bold; color: #663399; }
What type of software is CSS Content?
CSS Content is software for your computer. It is primarily used for web design and creating web pages on the internet. It is a Cisco product. It is extremely widely used and available.
In css what does a class name start with?
Usually an alphabet. It is called a class within the HTML function and the name is quoted. In the stylesheet it has a different notation; a paragraph that is of class "explanation" would be written as "p.explanation" and then have its various values contained within curly braces, and each value separated by a semi-colon. It is allowed to be used without limit. On the other hand there is the ID which must be used only once within a document and appears as "h1#head" in the stylesheet and is called id in the HTML and of course quoted. Yes, if the stylesheet is used for than more than one page; you can use it once on each.
Place the code into the head of the webpage.
.new {font-style:italic;
font-weight:bold;}
in the body of the webpage where you want the style to be.
if it is just for a word you would add span class. Of course closing the tags too.
How do you change the CSS for printing?
Add this:
<link rel="stylesheet" href="normalview.css" type="text/css" media="screen" /> <link rel="styleshet" href="printview.css" type="text/css" media="print" />
How can color styles be defined by using CSS for the h1 h2 and p tags?
In one go in an external or internal style sheet, you could do this to make all them red:
h1, h2, p {color:red}
You can also do them individually, if you wanted different colours:
h1 {color:blue}
h2 {color:green}
p {color:red}
As inline styles, you could do them like this:
<h1 style="color:red">This heading is red</h1>
