How to add external css into html


Tags: html,css,css3

Problem :

I've used inline and imported css loads but having trouble with external and never tried it before.

I copy and pasted everything from this link css link

into a css file, I don't actually know specifically which animations I want to keep and get rid of yet, that will come later. How do I actually add it into the html though? In the Header I have the

<link rel="stylesheet" type="text/css" href=\animate.css">

link so my html is inked to my css.

If I wanted to add for example .animated.hinge to a <p> how would I do this?

Preferably without any javascript or php, haven't progressed that far yet! Thanks!



Solution :

The problem is that you are using a backslash instead of a forward slash and missing a double quote when you are linking to the CSS file.

<link rel="stylesheet" type="text/css" href="/animate.css">

    CSS Howto..

    JQuery function to show element dependent on the value of hidden HTML input element

    Section background image showing empty space in bottom [closed]

    How to force my text to not break into lines in css?

    How to have the class=“selected” depending on what the current page/url is

    How to use a Drive hosted css to customize the receiver?

    How to hide an input-box with CSS

    How to change where a CSS transition starts from?

    How do I change my link's image on click?

    How to Use jquery Animate() with .slideToggle() Between Two Classes

    how to solve IE6 box model problem without adding extra div and using Valid CSS?

    How to crop image with css

    How to clone an element using class name and append it to the body

    How to hide the div after sometime in angular or css?

    How to get row of floated images inside a div element to resize with browser window

    How to use a CSS Framework with Yesod?

    How to gray out a HTML element

    How to make a svg-filled background go animating by pure CSS?

    How to change text color for link in tr element with CSS

    Dropdown not showing on small screens

    How to get global selector inside emulated view encapsulation (CSS / Angular2)

    How overlay two pictures to another using HTML-CSS?

    How to get multiple rotating background cover with css / Full screen slideshow

    How to center a group of images in HTML/CSS?

    CSS how to deal with a lot of sprite without having to create a new css class

    HTML CSS - How to render SQL nicely [closed]

    How to change the Attribute background color in css code

    How to refer to an id with special characters in CSS

    How can I adjust the margins of quote symbols added with CSS

    How to silently hide “Image not found” icon when src source image is not found

    How can I center my ul li list inside my div?