answersLogoWhite

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

Can you use different divs in the background 'body' div without disturbing the overall flow of the 'container' div?

Yes, the easiest way to do this is to change the z-index of the div so it is generated on a different layer. An example you could do is below:

<div style='position:absolute;z-index:-1;'>

This will be behind the main div

</div>

<div>

This is the main div

</div>

What image allows a webpage's background color to show through?

Generally, that would be a PNG image with a transparency declared. Not all browsers recognize transparency, but there are often workarounds that have the benefit of doing it at the sacrifice of speed.

Can you use the font element for text properties in css?

Yes, you can style fonts using CSS.

Identify the HTML element that you want to style, for example <p>, and then use the { font-family: your_font; } to change the font family (such as arial, times new roman etc), { font-size: ?px; } to size the font.

To color the font just use {color: ?;}

For bold use {font-weight: bold;}

For italics use {font-style: italic;}

Which are the essential skills for Web Designer and Web Developer?

This question is very subjective. Each person in the web design community will have a different set of skills they consider to be essential. However, having a good working knowledge of HTML and CSS are an absolute minimum in terms of being a web designer or web developer, because for a large majority of web sites HTML and CSS are the very basic building blocks used to build web sites.

Type in css?

Typing in CSS is done inline, page or external. Inline is done right there in the HTML. Page is done in the Head element of the page. external is done by linking to a CSS file that is not included and is linked in the Head element of the document. Peace, carke

Can you create div in textarea in HTML?

No you can't. While you can put div tags inside textarea tags, as anything in the textarea is treated only as text, the browser will ignore the div tags and they will show as text only and so have no impact. So if you do want sections for text, you would have to look at other ways of doing it, like having several text areas with different formatting.

What statements are true of sans serif fonts?

San serif fronts are easier to read on a computer screen. APEX hope this helped!(cheat sheet cheater) (your a cheater like me) Have a wonderful day!😀

What is external schema?

The role of the external schema is to support user views of data and thus to provide programmers with easier data access

How do you add a 1 pixel wide solid black border to the left and right of a column using CSS?

Use:

.columnClass {
border-left: solid 1px #000000;
border-right: solid 1px #000000;
}

and add class="columnClass" to your cells.

How do you make a black background with white bold text for a Deviant Art gallery using CSS?

See how this grabs you:

/* Example stylesheet with black background, white text, yellow links and borderless images */

* {

padding: 0;

margin: 0;

}

body {

background-color: black;

font-size: 12pt;

font-family: "Times New Roman", serif;

font-weight: bold;

color: #fff;

margin: 0;

padding: 0;

}

a:link {

color: #ff0;

background-color: transparent;

}

a:visited {

color: #f99;

background-color: transparent;

text-decoration: none;

}

a:hover {

color: #f00;

background-color: white;

text-decoration: none;

}

h1, h2, h3{

text-align: center;

font-weight: bold;

font-family: Verdana, sans-serif;

}

img {

border-style: none;

background-color: transparent;

}

Is used for adding CSS to the entire site?

You use a separate style sheet file with all of the styles you need defined in it. In each page you put a link to that file and the styles can be used by the entire site. Say your file is called Styles.css then you would have the following in the head area of each page:

What is css declaration?

A declaration is made up of two parts, a property and a value.

Property: A CSS Property is a keyword, or rule, which may hold different values. Properties are the first part of a declaration. A property must end with a colon, ":"

followed by a value as follows,,,

Value: The second part of a declaration is the value. A value is placed after a property, and determines how the property is defined.;

Example as follows:

.question_detail_unanswered .hgroup h2 {

font-size: 15px;

}

Defining a declaration: the property would be, font-size. and the value 15px

What is the function of xml-style sheet href?

That would refer to the location of the style sheet for your XML document

What is the setting of a cartoon image?

A '.gif' can be used like any other image:

<img src="example.com/image.gif (image.gif)" alt="Animated Image">

How can you dynamically enlarge an image using only CSS?

Well, if by "dynamically" you mean cleanly and clearly, then there isn't really a way to do it. However, you can use this code:

This will change all pictures to the same size. If you only want a CERTAIN picture to change shape, then you'll have to specify as such, for example:

Latest validation requirements and corrections for code given:

"PICTURE1 img" is not going to work unless you do this: #PICTURE1 img { blah }

Must have the "#" for an id.

If you have a selected set of images using that style, you may want to make a class:

Then HTML: Text Description

Additional images of similar sizes can be styled with their dimensions using something like this for each group: img.size_2, img.size_3, img.size_4, etc..

How do you apply a texture to a css map?

CSS maps can be turned into "Image" maps (Applying a texture) by setting a "background-image" property, or using the <img> tag.

How do you do client side validation using struts 1.3?

please use <html:javascript> tag in your home jsp page

eg:

<html:java script formName="logical name of the form given in validation.xml"/>

and place,

<html:form action="/reg" onsubmit="validateLogicalNameOfTheForm(this)">

What is CSS formating?

Firstly, CSS formatting is unlike the use of the word formatting which is used to describe deleteing data or making a disk usable by a certain operating system.

CSS formatting is a method of controlling the style of HTML items without having to specify the style for each and every item repetatively.

CSS instructions sit either Internally to the HTML page or Externally to the HTML page but in both cases you have to tell the HTML that the you want it to use a specific CSS.

Each CSS onstruction consists of 2 parts, the Selector (the item you want to change be it a table, a paragraph or pretty much anything else) and a Declaration (what you what to happen to the Selected item.

The Declaration consists of a Property (font-size, color and so on) and a Value (a specicif size, color and so on); the 2 are sparated by a colon (:).

For example, When referenced in your HTML docuement the following CSS would make all Paragraphs use Arial font and color Blue:

p { font-family: arial; color: blue; }

How to get images in a div background to load first?

It's not clear what the questioner means by "load first".

One common way to preload images using CSS, so they will be instantly visible when needed, is to assign them to an element's background, but position them off-screen. For example:

#preloader { background: url(img/image.jpg) no-repeat -9999px -9999px); }

If you later refer to the exact path and file elsewhere, the image will have already cached it because of this.

#preloader is how you would refer to an element like a div, if you assigned it "preloader" as an ID. In CSS, the # symbol is a selector meaning "ID".

But if you mean that you want the background to become visible before the content of the div, this would be more complicated, and probably require JavaScript. You could place another DIV inside the one with the background, but set that div to display:none. Assign an event in javascript to the loading of the background, which will change the inner div to display: block when it's triggered.

Something like:

<head>

<script>

var imagename = new Image();

imagename.onload = function() {

document.getElementById("contentdiv").style.display = "block";

} </script>

<style>

#maindiv {

background: url(img/image.jpg) no-repeat 0 0;

}

#innerdiv {

display: none;

}

</style>

</head>

<body>

<div id="maindiv">

<div id="innerdiv">

This is some stuff that will be hidden until the background image loads

</div>

</div>

</body>

The one downside with this relatively simple answer is that I don't know whether the onload event is triggered if the image is already cached (because the user has been to the site before), so that it loads instantly.

One simple way to ensure that the content will become visible in that case would be to also add a timeout to make it visible after a set time, like:

setTimeout(function() {

document.getElementById("contentdiv").style.display = "block";

}, 3000);

So that if the load event hasn't triggered after three seconds, the content loads anyway. Change the 3000 milliseconds to whatever time you think is ideal.

How can you compatible your css on all browsers?

To ensure cross-browser compatibility for your CSS, you can follow some best practices:

  1. Use vendor prefixes for certain CSS properties to account for browser-specific implementations.
  2. Test your website on multiple browsers and use a browser compatibility testing tool to identify and address any issues.
  3. Avoid using cutting-edge CSS features that may not be supported by all browsers.
  4. Use a CSS reset or normalize stylesheet to standardize the default styles across different browsers.
  5. Consider using a CSS preprocessor like Sass or Less, which can automatically generate vendor prefixes and provide other helpful features for cross-browser compatibility.

What is foo in CSS?

'Foo' is a generic term often used when providing a generic example of code. Other common words include 'bar,' and 'baz.' There is no specific meaning in CSS assigned to any of these words. These types of words are often used for CSS class names, IDs, and attribute names and values. There is no case in which these values are meant to be taken literally.

For example, if someone is describing a selector, and says that you can select elements with an element that has a specific value, they might write the example as "foo[bar=baz]", which means that the CSS would select a 'foo' that has an attribute named 'bar' with a value of 'baz.'


HTML does not have a 'foo' element, nor is there any HTML attribute named 'bar.' While it is possible to construct an XML document that matches this type of signature, that would not likely ever be constructed in actual code other than an example.

How do you display hyperlinks without an underline in CSS?

To remove an underline from a hyperlink in CSS you have to use text-decoration and set it to none. An example is below:

a {text-decoration: none;}
a:hover {text-decoration: underline;}

a {text-decoration:none}