,

,

, , , orheading tagns defines the most important heading. defines the least important heading.Use this tags wisely, because all modern search engines tend to define the important bits of a page’s information depending on what heading they’re under. For example on a permalink page the title of the post should be since it’s the most important information on that page, where the title of your blog should be no highter than

. I do not recommend using any higher value than in your blog’s description. por

orparagraph tag Paragraphs, much like in a book, are used to define a particular point or idea. spanor tag The span tag defines a section in a document (ex. a part of a text withing a paragraph). divor
ordivision tag The division tag (much like the span) tag defines a section in a document, but in a block like state (much like the paragraph). So we can say that a
tag is a combination between

tag and also tag. a or or link tag Tthe tag defines a hyperlink, which is used to link from one page to another. The most important attribute of the link tag is “href”, it’s used to set the destination page for the given link.Click here to visit Example.com img or

*
is one of the few HTML tags that don’t have a closing tag, instead we end it with /> We can set class and style attributes to all of these elements in order to define a CSS style and change their look. Exhibit A - Classes The first thing we’re going to look at is the HTML attributeclass While the name of an element specifies its type, theclassattribute lets you assign to it one or more subtypes. These subtypes may then be used in CSS code for styling purposes. Note that theclassattribute cannot be applied to the following elements: base basefont head html meta param script style title source:sitepoint.com To add theclassattribute to an HTML element (for example) we need to addclass=""in the opening tag (not the closing one -) afterspanand before the closing bracket>so it looks like this Now that we’ve added the class attribute, we need to tell it what classes we want to use. In almost all of Tumblr themes inside the tags there should be tags that contain CSS code. This is where we’d write our CSS classes. A CSS class always starts with a dot “.” followed by the class name and ends with double mustache brackets: Now that we have our first style, we must give it some properties. Let’s say we want to change the color of our text and it’s size. For this we’d have to use the properties font-size and color. Every CSS property starts with the property name, followed by colon, the property value and ends with a semicolon.font-size: 10px;color: #333333; Adding our properties inside our class is easy, just place them between the mustache brackets: This is our first class. We can use it in as many elements as we want. Remember the tag we talked about earlier and how to add class attribute to it? Let’s put all of into practice. This is how we set a given style to a text or part of a text.This text will have a CSS style !Important Notice that inside CSS the classes start with a dot, however, in HTML this dot is replaced by class="" Exhibit B - Styles Styles are almost the same thing as classes, but instead of having one class and distribute it among multiple elements, we set the CSS to each element individually. Tthe example is going to look like this This text will have a CSS style See the examples in the beginning of the article. Conclusion There are some HTML5 tags with which one can render different kinds of text and are safe to use such together for bold text, for italic, for code and so on. However if you push yourself a little bit and start using CSS you’ll see that it’d benefit you greatly in the long run. There’s a website called Code Academywhere you can learn programming languages (HTML and CSS included) with really cool, fun and interactive lessons. Give it a go and you just might not get scared by code anymore :)"/> Paragraph content...

You are watching: How to change description color on tumblr

…to theright (demo)

Paragraph content...

…to the center (demo)

Paragraph content...

…by stretching the lines so each one is as long as the others (demo)

This paragraph content should be kind of long, because only full lines are stretched. The last line is aligned to the left. There is a trick to make them all stretch, but its a bit more advanced for this tutorial...

Changing text color… …of a paragraph with color names(demo)

Paragraph content...

-full list of css color names …of a paragraph with HEX color code (demo)

Paragraph content...

-online HEX color picker …of a paragraph with RGBA color code (demo)

Paragraph content...

-online HEX and RGB color picker …of a part of a paragraph (demo)

Paragraph content...

Changing font size… …of a paragraph (demo)

Paragraph content...

…of a part of a paragraph (demo)

Paragraph content...

- Most websites use 14px as their base font size, so 10px would be small and 20px would be large. Changing font weight… …to bold (demo)This text is going to be bolded …to normal (demo)This text is going to be with normal weight Changing font style… …to italic (demo)This text is going to be italic …to normal (demo)This text is going to be with normal style Adding text decoration… …underline (demo)This text is going to have a line under it …overline (demo)This text is going to have a line above it …line-through (demo)This text is going to have a line through it Adding background… …color to a paragraph (demo)

Paragraph content...

…color with transparency to a paragraph (demo)

Paragraph content...

See more: How To Unblock Someone On Meetme, Mobile App

the last digit of rgba is the transparency value with 1.0 being 100% and 0.0 being 0%. …image to a paragraph (demo)

Paragraph content...

Thank you for taking the time to read this (even if you only read the examples). I hope that I helped you even a little. Please follow my blog for more articles, how-tos and tutorials. Also write me a message if you have any questions or just go to my “Contacts” page. The original article Here’s the deal - it came to my attention that a lot of Tumblr users areusing HTML tags (most of which deprecated) to do the CSS work. So what is the big deal here? HTML elements are what most of the web pages are structured with, CSS’s purpose is to tell how these elements are going to look. Now having this in mind, let’s look at the most basic example. You want to reduce the size of an inline text so you surround it withtags. Why is this wrong? In order for this tag to work properly you must set a basic style in theStyle Sheet (CSS)! If such style is not set then it is going to use your browser’s default style. Now these default styles may vary from browser to browser, so what you see might not be what your visitors are going to see. Moreover, each HTML element has its own unique purpose, according to w3.com is used for the so-called “fine print” or “small print”, such as legal disclaimers and caveats. (view an interesting question on this topic here). Even worse, some people use tags like or which aredeprecated in HTML5and might not be supported in newer browsers! View all tags and attributes that are deprecated in HTML5here So how do we do it right? First of all let’s look at some appropriate HTML elements to use in a textenvironment: h1, h2, h3, h4, h5, h6or,

, , , , orheading tagns defines the most important heading. defines the least important heading.Use this tags wisely, because all modern search engines tend to define the important bits of a page’s information depending on what heading they’re under. For example on a permalink page the title of the post should it is in since it’s the most important information on that page, where the title of your blog should be no highter than

. I do not recommend using any higher value than in your blog’s description. por

orparagraph tag Paragraphs, much like in a book, are used to define a particular point or idea. spanor tag The span tag defines a section in a document (ex. a part of a text withing a paragraph). divor