This actually sets two properties and is equivalent to:

    font-size: 100%;
    line-height: 120%;

To quote the [official documentation](http://www.w3.org/TR/css3-fonts/#propdef-font):

&gt; The syntax of this property is based on a traditional typographical shorthand notation to set multiple properties related to fonts.

As David M said in the comments, it mirrors the typesetting tradition of specifying typeface sizes as “*x* pt on *y* pt” to denote the glyph size on line height.

But the example in your question is actually wrong and would be ignored by the browser: you can only combine these two properties in the `font` shorthand notation, and you *must* specify at least both the font size and family. Simply writing `font: 100%/120%;` is therefore not enough; you could add a generic family name to make it valid though, e.g.:

    font: 100%/120% serif;

Konrad got this one, but there are a lot of [CSS shorthand][1] properties like this that you can use to shorten your style sheets.  Some of them look a little cryptic if you&#39;re not aware of them.


  [1]: http://www.webcredible.co.uk/user-friendly-resources/css/css-shorthand-properties.shtml

What is the difference between `Math.random() * n` and `Random.nextInt(n)` where `n` is an integer?

Math.random() versus Random.nextInt(int)

When converting from RGB to grayscale, it is said that specific weights to channels R, G, and B ought to be applied. These weights are: 0.2989, 0.5870, 0.1140.

It is said that the reason for this is different human perception/sensibility towards these three colors. Sometimes it is also said these are the values used to compute NTSC signal.

However, I didn&#39;t find a good reference for this on the web. What is the source of these values?

See also these previous questions: [here][1] and [here][2].


  [1]: https://stackoverflow.com/questions/14330/rgb-to-monochrome-conversion
  [2]: https://stackoverflow.com/questions/596216/formula-to-determine-brightness-of-rgb-color

Converting RGB to grayscale/intensity

What does the slash mean here:

    font: 100%/120%;

Size of font in CSS with slash

What does the slash mean here:
<pre><code class="hljs language-css">font: 100%/120%;
</code></pre>

Alright, I&#39;m trying to buy into the idea that html tables should not be used, and that divs should be. However, I often have code that resembles the following

    &lt;table&gt;
		&lt;tr&gt;
			&lt;td&gt;First Name:&lt;/td&gt;
			&lt;td colspan=&quot;2&quot;&gt;&lt;input  id=&quot;txtFirstName&quot;/&gt;&lt;/td&gt;
		&lt;/tr&gt;
		&lt;tr&gt;
			&lt;td&gt;Last Name:&lt;/td&gt;
			&lt;td colspan=&quot;2&quot;&gt;&lt;input  type=&quot;text&quot; id=&quot;txtLastName&quot;/&gt;&lt;/td&gt;
		&lt;/tr&gt;
		&lt;tr&gt;
			&lt;td&gt;Address:&lt;/td&gt;
			&lt;td&gt;
				&lt;select type=&quot;text&quot; id=&quot;ddlState&quot;&gt;
					&lt;option value=&quot;NY&quot;&gt;NY&lt;/option&gt;
					&lt;option value=&quot;CA&quot;&gt;CA&lt;/option&gt;
				&lt;/select&gt;
			&lt;/td&gt;
			&lt;td&gt;
				&lt;select type=&quot;text&quot; id=&quot;ddlCountry&quot;&gt;
					&lt;option value=&quot;NY&quot;&gt;USA&lt;/option&gt;
					&lt;option value=&quot;CA&quot;&gt;CAN&lt;/option&gt;
				&lt;/select&gt;
			&lt;/td&gt;
		&lt;/tr&gt;
	&lt;/table&gt;

I want the labels to be aligned and I want the controls to be aligned.  How would I do this without using tables?

Replace HTML Table with Divs

I have an (XHTML Strict) page where I float an image alongside regular paragraphs of text. All goes well, except when a list is used instead of paragraphs. The bullets of the list overlap the floated image.

Changing the margin of the list or the list items does not help. The margin is calculated from the left of the page, but the float pushes the list items to the right *inside* the `li` itself. So the margin only helps if I make it wider than the image.

Floating the list next to the image also works, but I don&#39;t know when the list is next to a float. I don&#39;t want to float every list in my content just to fix this. Also, floating left messes up the layout when an image is floated *to the right* instead of left of the list.

Setting `li { list-style-position: inside }` does move the bullets along with the content, but it also causes lines that wrap to start aligned with the bullet, instead of aligned with the line above.

The problem is obviously caused by the bullet being rendered outside the box, the float pushing the contents of the box to the right (not the box itself). This is how IE and FF handle the situation, and as far as I know, not wrong according to the spec. The question is, how can I prevent it?



Why do my list item bullets overlap floating elements

I&#39;m trying to find a way that will add / update attribute using JavaScript.  I know I can do it with `setAttribute()` function but that doesn&#39;t work in IE.

How to add/update an attribute to an HTML element using JavaScript?

I&#39;m pretty sure the answer is no, but thought I&#39;d ask anyway.

If my site references a scripted named &quot;whatever.js&quot;, is it possible to get &quot;whatever.js&quot; from within that script? Like:

    var scriptName = ???
    
    if (typeof jQuery !== &quot;function&quot;) {
    	throw new Error(
    		&quot;jQuery&#39;s script needs to be loaded before &quot; + 
    		scriptName + &quot;. Check the &lt;script&gt; tag order.&quot;);
    }

Probably more trouble than it&#39;s worth for dependency checking, but what the hell.

How might I get the script filename from within that script?

Is there a corresponding X mark to &amp;#x2713; (`&amp;#x2713;`)? What is it?

In HTML I can make a checkmark with &amp;#x2713; . Is there a corresponding X-mark?

I&#39;m working on a web application for which I&#39;m attempting to implement a full featured windowing system. Right now it&#39;s going very well, I&#39;m only running into one minor issue. Sometimes when I go to drag a part of my application (most often the corner div of my window, which is supposed to trigger a resize operation) the web browser gets clever and thinks I mean to drag and drop something. End result, my action gets put on hold while the browser does its drag and drop thing.

Is there an easy way to disable the browser&#39;s drag and drop? I&#39;d ideally like to be able to turn it off while the user is clicking on certain elements, but re-enable it so that users can still use their browser&#39;s normal functionality on the contents of my windows. I&#39;m using jQuery, and although I wasn&#39;t able to find it browsing the docs, if you know a pure jQuery solution it would be excellent.

In short: I need to disable browser text selection and drag-and-drop functions while my user has the mouse button down, and restore that functionality when the user releases the mouse.

Disable Drag and Drop on HTML elements?

How can I trigger some action with right click after disabling the browser context menu ? 

I tried this . . .

    $(document).ready(function(){
        $(document).bind(&quot;contextmenu&quot;,function(e){
            $(&#39;.alert&#39;).fadeToggle();
            return false;
        });
    });


Bind event to right mouse click

How do you add CSS rules (eg `strong { color: red }`) by use of Javascript?



How do you add CSS with Javascript?

I&#39;m using ASP.NET, some of my buttons just do redirects.  I&#39;d rather they were ordinary links, but I don&#39;t want my users to notice much difference in the appearance.  I considered images wrapped by anchors, i.e. &lt;a&gt; tags, but I don&#39;t want to have to fire up an image editor every time I change the text on a button.

How do I make an html link look like a button?

In Python, how big can a list get? I need a list of about 12000 elements. Will I still be able to run list methods such as sorting, etc?

How Big can a Python List Get?

As the title asks, I wonder if the size() method in the LinkedList class takes amortized O(1) time or O(n) time. 


What is the time complexity of a size() call on a LinkedList in Java?

Is there a way that I can set the default heap size for the jvm on my own computer?  I want to set it to 1g, because I&#39;m always running custom programs that always hit the overage point in the default jvm size.

I just dont want to have to remember to type -XmX1g everytime I run my java app from the command line...  

There has to be an admin way to do this right?

increase the java heap size permanently?

I was reading the answers for this [question][1] and found that there is actually a method called `length()` for `std::string` (I always used `size()`). Is there any specific reason for having this method in `std::string` class? I read both MSDN and CppRefernce, and they seem to indicate that there is no difference between `size()` and `length()`. If that is so, isn&#39;t it making more confusing for the user of the class?


  [1]: https://stackoverflow.com/questions/905355/c-string-length

std::string length() and size() member functions

For example, say I have a class Temp:

    class Temp
    {
        public:
            int function1(int foo) { return 1; }
            void function2(int bar) { foobar = bar; }
    
        private:
            int foobar;
    };

When I create an object of class Temp, how would I calculate how much space it needs, and how is it represented in memory (e.g.| 4 bytes for foobar| 8 bytes for function1 | etc | )


Content Type	Original Author	Original Content on Stackoverflow
Question	Alex	View Question on Stackoverflow
Solution 1 - Html	Konrad Rudolph	View Answer on Stackoverflow
Solution 2 - Html	Bill the Lizard	View Answer on Stackoverflow

Size of font in CSS with slash

Html Problem Overview

Html Solutions

Solution 1 - Html

Solution 2 - Html

Converting RGB to grayscale/intensity

Math.random() versus Random.nextInt(int)

Attributions