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
relative positioning
Does the Arabic written script have the equivalent of serif and sans serif fonts?
No. CSS has five "back-up" fonts: serif, sans-serif, cursive, fantasy, and monospace. However, using "cursive" will likely do the trick, as the primary cursive font installed by your target audience will probably be in Arabic.
How put the links and navigation bar to the left side of a paragraph using html and css attributes?
Use the float command in your CSS, such as:
div.nav {
float:left;
}
Then in your HTML document, place the nav div where you want it to appear. Copy/Paste this code into your editor and see how it looks, then modify as needed.
<html>
<head>
<style type="text/css">
div.nav {
float:left;
border:2px dashed black;
margin:20px;
padding:10px;
}
div.main {
border:1px solid black;
width:80%;
height:200px;
}
</style>
</head>
<body>
<div class="main">
<div class="nav">
<ul>
<li>Nav Links</li>
<li>Nav Links</li>
</ul>
</div>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat</p>
</div>
</body>
</html>
What property in the XHTML link tag when configuring CSS to display a printed page?
If you mean: When configuring CSS to display a printed page, what property is used in the XHTML link tag?
The answer is: the media attribute or media="print"
Example:
externally
<link href="yourstylesheet.css" type="text/css" rel="stylesheet" />
style tags
<style> /* put your style properties here*/ </style>
inline
<span style=/* put your style properties here*/>This is the HTML element the style effects </span>
perhaps someone else can add the 4th?
The z-index in CSS controls the levels of all of the elements. for instance if you have 2 absolutely positioned DIV's that are overlapping you could set the z-index on one to 5 and the other to 10 and the one with the higher z-index will appear on top.
How do you use the CSS3 property box-sizing?
The box-sizing property is an under-appreciated property in CSS3. It accepts only three values, and yet it's benefit to web designers is enormous. The three values are content-box, border-box, and inherit. The browser default is content-box, which is what web designers are use to now. The padding and borders are rendered outside the specified width and height, so an element with a width of 20px with a 1px border and 5px of padding will actually be rendered as 32px wide (20 + 1 + 1 + 5 + 5). By telling the browser to use border-box, the padding and borders are rendered inside the element. So, our example from earlier would be 20px wide total, with 10px of that element taken up by padding and another 2px taken by borders. To achieve this, your CSS code would look like:
div.subsection {
border: 1px solid #000000;
margin: 2px;
padding: 2px;
width: 50px;
height: auto;
box-sizing: border-box;
}
Why is a serif typeface always used for the Body Copy in newspapers?
I am no font expert but i believe it is because the serif's help move the eye along the line allowing for faster and easier reading.
table styles
Is there a plugin for Firefox to show css selectors as you hover over elements?
Try FireBug.http://getfirebug.com/
What line of code links any of the pages to the Cascading style sheet?
Put this in the <head> tags:
<link rel="stylesheet" href="css/css.css"> /\
l
Change this bit depending on where the css file is.
What are the disadvantages of div tag?
The most obvious disadvantage of the DIV tag is the fact that it doesn't aid in adding semantics to the page.
The DIV tag is a generic holder of content. As such, a parser has no understanding of why that content is being pulled out and place in its own container. For instance, in XHTML, the DIV tag would have been used to surround this question and answer block, allowing the page authors to add CSS styles like a set width and colors.
In HTML 5, we have more specific container tags that make it easier for a parser (like a search engine) to understand the way the page is laid out, and determine what information is important, and what information is secondary.
In this page, and ARTICLE tag would be the best choice to surround this Q&A block. ARTICLE indicates that the content is syndicatable and that it's the primary information on the page. The menus would be added with NAV tags, allowing a search engine bot to recognized what their function was, and act accordingly.
What selector should you use when applying a style to multiple elements in CSS?
The easiest thing is to use a class. Add class="foo" to your elements. And add this code to your CSS:
.foo {
border: solid 1px #000000;
//Or something like that.
}
How do you delete a website you made on webs.com?
Steps:
- Go to the website and log in.
- Click on Manage Website
- Click on Site Settings TAB
- Scroll to the bottom right where it says 'Other Settings'
- Click 'Delete This Web Site'
- Done!
great, it works
It depends on what tag. They are always written with "< >". For instance, "
HELP ME BY ANSWERING THIS QUESTION :D HELP ME BY ANSWERING THIS QUESTION :D
Can you set navigation bar content with CSS?
CSSInside of the CSS create a ID block called #navBar
#navBar ul li {
display: inline;
padding-right: 5px;
}
How do you get the CSS code of the picture?
There are two ways to render an image on an HTML page using CSS.
The first, and easiest is to use the background-image property.
Example: I could render the WikiAnswers logo image on a page with this CSS code:
div{ background-image: url(http://site1.wikianswers.com/templates/images/logo.png%29;}
The second also uses the background-image property, but instead of writing the URL of the image, you use a "data: URI." You can generate a data: URI here:http://www.scalora.org/projects/uriencoder/
Using a data:URI, i could render the WikiAnswers logo image on a page like this:
div{background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAbgAAAAvCAMAAACmAC
/OAAAABGdBTUEAAK/INwWK6QAAABl0RVh0U29mdHdhcmUAQWRvYmUgSW1hZ2
VSZWFkeXHJZTwAAADMUExURZzNRNvtu8DfiIigz7vJ5IHAEURptPb67u7x+IrEIq7W
ZsnkmeTxzBFBoN3k8e323czW65mt1iJOp7fbdzNcrZPJM9LoqqXSVXeSyVV3u2aFw
qq73X58fvn5+f78/359f/j18uvp7M/Kyf/8/359fuvp65WPhrSytNHS0fLv8vj4+NHR0OT
j5d7f3q2urbS1tOXl5dfY17W1tPLw8318fvHv8uTi5MLAwtDKyfn5/8G/wsnKyezp
7JWQh/Ly8uXm7MjEyXi7AAAzmf///9GJkl8AAAoCSURBVHja7JsHk9y2FYBJsHdy2ba
cJNtxmp3ETu9xSPz//xR0PADk3p1XE9/NECOdliQA6t6HV4H18NHeZfMOERzgjvZ
ewRWoeO2QujsY/MTgpjxaluV15NLrul4PCI+AI8ri6zbRW8iHdxCnI68Ron2SAvl8fE
+pkYY236L7Ga2r1nWNDwiPgPMWo9Fb5p3Ft7qRkclI/s2N8f0mN93PMJMrbdUB4R
FwvQHJc1hmXsO6jfJGhGSPkj5o8jsaB/rBdmXg1vSg8IiPS3KJZG6cWxBHM7M7CXlu
PES74JJtpmnFwYUHhceCkxHaRMOAjmbsKCH4BhB/F5y/Da7j3NbgoPAYON9VL
x+4PNV6YUqlF2yeA2f2U+0iwF0OCg+mAxv6lS2ue8qUUvYwHLkDrt8KW1LB7YhO
HgZXLI5qIDdWLJXCkceepxK35k46APsBSxlwcu2B4cEEPHNsZeMqYb+XZd8Bt9Uu
6wmfGLjzgeFBcMjFNDpKmC0R/gzgUhqV8ITgdGB4EFzi2sreVsJpF87rwBFLWePbYSs/CzjsZtHCes6wS/M5wMXrQH6ur7eVaRiG9Y/4Tem4103+9PTptz98/eHj93/68Nb
BCZeWOfnAkmilnGE8k+lSlgJXqnom2urHWr2unUoJLFtZn088R6iDeD1doLjTgLvF6
sq0tA1EO9NSdaBaLS/i2Bw3dGCqiqWQbUz+A/XG5F/85+v/fvGXp6/wr57+9dbBy
YxgslRQxyMIJuh+BpK8RIFDZs3T6sdbwEtd3YatDCpRTxFB53pVRbGWSXaI6c8O6
x6kYRzqi1DqsqjLdJV6NNTwLTVu5ducyYnK/RN/+d0vPn716edvHtzE5Z1rGJl5Z9T
q6HtGdq7zuNLz+Chv3ujH28B1KnVsZT2Ieko7KGFfYJHsUgtioPiyXm58j4i1uCOk
bwEbH1DoZz5jjUNyr6Kr5HYSWNOTrN44k2P86W/4y988/fWPT79/8+CkT0u
UfiVc7JGig8x6yAY4HtNkxXY/aSlvwtVZtlIq0WkFrdPPqlR+ZFpSSX0DY1O1OPjATq
teS3UKvCU8q7KbOzl++gP+9s+//B3+9z/ePjhkhCfUMxXQeuZLJL0djvbBkTHzXj/WzrJeEtiF5lZZtest7AZD5QYhdk4gBQVPYf9OxmQnvtdXV4C9/Hgxl0e3OTn+5mc
Yf8T4779+++CSCKRyE+WVAFuZwG21MtoDVxi7b1Y/IdOrkhGDhB1yLSxoaqlLLE
EAWQVyPQDD2wpazILGoM5G9TuVhjiOoVPUk7/BQPIuOBmOsOrkzBzarG0lMnK
BQu/dGeAKKysw+9FG4ohTzNrg1iu5EsbKpmqN2tpNCKCtbeGF0Gq+e8QNc31Ra
yLUy6Nli8Ca/MMHrm3vBlypFazhACa925MZ4sfb4Aonm3PAXVe7gTNDLQSHB6AJ
0r7BA0ZiV+8G9bcVushUjyf5A10l0grf1CoYYAnOnfw9aZzICKgrk/oVyULzBBKFXX
DIPTJkgyPCrogcrywDc/d2jEAzBuBUwD+E9iK4YODxzgJijc2UYYU7gMby2Jv8PYEr
VOIWiVw7l1m5B1LzHXA56xyVd8F1UkO0Sq21BS4wuITQh5kJBDSmF2B4z4LKZd
0+kWSD25z8PYETGcFICU4wuSsb2wZugBNtTO6BG6BPCxzPZVwHRqCoErc1Tk0
bd2ahR3VRtvAkzG9smcRdcJuTvydwIiNoMqVfHOU868rXc+CMupgNrjUz7tVO5e6
Aw6HK766mjaMpWLeeQ/mslYsjBmHpfXBbk78ncM1inxFSR8By/By4SJ4w6vfBX
c0a18lO5e6BA+Wr0DS2LBVr+WyE4lkujjMIXp4BtzW5TpQmhCa+cJOCHyvlF77
vnBntvf4lsvcKWmUqXzPmHjgR/4PtnVLeKJ8F1/NDlGaAYoJLrdMKZ3uR3weH08D
yRJ1Q2ZpaxEBQrKTXDNZtJ7d925lcuX4WokWFSkxnEBM04FdFLMB7yQlx2tdXtd
+XjbkLznf0K9s67bWXDogcHgSgJrjAskQynKvvBCfme8PKFDrX2duVDqrFLoB67KT
4QXsHnDu5KuJGPT2uPbGFPXlK4LOxmfUacEJq/ucylYqTb7u94kXgZKlEh5ZGP5p4
de7aB+GJcQVdlNyk4Vp0seKboWKFKh6eVPodsmxWSwWPN8HtTa5EUjLTkzFUCZ
LmJzFWtEePDnsUHCI5L+2BiAEahSQReUSNY0PN5MRMJQNX0E/SVDbsfE7v0YzYm
3FBDdg44cSjd3zPS+6AQ9aunHB7EX4ZOBmGKnJGv8DxIPGqwgst0ssGOKWVoRm
HyqO1VxAbVm6weAnCkO4ZhJvg9iaXApiFejV0Yc5qf5HIKtc+RBT3PHUgnDzzMvm8
oB96KqSSziNNZcnyLqWlGblKmLRn8hK0eF5E6bJ9mVyJcRNc4mxmj5vfCzD4wiIzMs
nBfu26B075FUOkJw0uVTgDK/O7gooIrmwndTHT7+umj9ufHO6KsO1ItmGCMF+L4
zKXQDTSVGYNpUcBkf6SckKfZhFRUESVVICbRpY9KXA9YVYsETHK9G8jxzHqkbJ627Y
4h5veikSz7QuNkGY24pvIt/vxsG3oaiccoCrR6vyAb0rLUymBlPU5lSMCbKcUJxjsAMm
nA+Q2pMC8VmELDPT25A44svbJH35MsaEORCdO0MeRvvSvRzXGk5Z0bpY8W5qc
dhPgRu6UFDhyqyTPl7yhWpcgtrmJKL1+0lZvG9xkh/6JG5oUHvyOSG/uesvQkjyC/doT3LKGVk75uW4APUD/UAqbb1FbYd8VSLt1fBQkx7fTO/AfgdHn5uT89x+FD0tK+s2
JkagEFT6yzu1vgvNkpI+WCC1FvxAHWCpwUcRkrQOaaEFRlpAIlqoBedGM2Kz5EuV
atXein8yqSlIVQpvbCCL8HHXRhP+mMqdoYL90tcFhu4qo9e+kIkJ6wTQjlFY1tvKsFv
rIwc3DxGmSdbiZ27Vq5nuTC2IFc1IelTV3XrSem9FgZNTL3AI3CaSNcpURJc9VVJpKX
gLW4AghAmgmvVjwMolZJ8Pq7YArPCvX9r05sbYR1Jcc6WRNI5LREiamNDc1+t3CkI
q31Wep9NGrMKQPU1FP5h1Yb1zrk1d1FwTBza1IBfFFGb1bfHFFT88VaQMt3qL+vT
+5iJTHkbttsqo95LEFW/JQO1ImjHxCuQZHFSZHfYZ0rOCxCXqYx810DWhwE9Pggn
mrUrwLcW3y8DPgjuaQYxY/b+RHwofIMeehQK4MVCGiSgmOW56o0DUoxH76EFxC
w0oNjoeUCcdEfRAfZZ4hP8C9uBGjT2JF/jVOfzdrTrgFMm6UD73WT7AONw9wP0aEk
XNY7f/aIhgwHuBeYy5zz8t/srf7qh59gHvH7QB3gDvaAe5oz7b/CTAA4Q6ARHHyf18A
AAAASUVORK5CYII=);}
It looks like random characters, but the web browser will parse it and display an image.
Does a source code belong to a organization who is developing it?
It depends on whether the organization is developing it for commercial use or it has been contracted to develop the software. If the organization is developing it inhouse, then it owns all the right to the source code. If the organisation has been contracted to develop the software, then it would depend on the contract agreement between the organisation and the contracting firm or organisation. Therefore if the contract does not specifically mention that the contracting firm has exculsive right to the software then all rights remain with the developing organisation. It depends on whether the organization is developing it for commercial use or it has been contracted to develop the software. If the organization is developing it inhouse, then it owns all the right to the source code. If the organisation has been contracted to develop the software, then it would depend on the contract agreement between the organisation and the contracting firm or organisation. Therefore if the contract does not specifically mention that the contracting firm has exculsive right to the software then all rights remain with the developing organisation. It depends on whether the organization is developing it for commercial use or it has been contracted to develop the software. If the organization is developing it inhouse, then it owns all the right to the source code. If the organisation has been contracted to develop the software, then it would depend on the contract agreement between the organisation and the contracting firm or organisation. Therefore if the contract does not specifically mention that the contracting firm has exculsive right to the software then all rights remain with the developing organisation.
How are side headings keyed in a report?
they are keyed by going to file, page setup, margins, then in the boxs that are there you click the arrows to the wanted size they are keyed by going to file, page setup, margins, then in the boxs that are there you click the arrows to the wanted size
How do you define attributes for all the elements with one specific class using CSS?
Try this technique: ----
.class {attribute:value; attribute:value;} ----
This will effect any element with the class name .class. That means img.class, a.class, and div.class, for example, would be effected.
