Как да вмъкнете css файл в html

Хипертекстовият език за маркиране (HTML) определя кои елементи присъстват на уеб страницата. Езикът на програмиране "CASCade Style Tables" (CSS) описва как трябва да изглеждат тези елементи. Файлът CSS може да бъде добавен към HTML като външен (CSS Добавяне като отделен файл) или лист за стил (CSS включва HTML файл). Научете как да вмъкнете в HTML файлове CSS за промяна на дизайна на сайта.

Стъпка

Метод 1 от 2:
Как да инсталирате таблица за външен стил
  1. Изображение, озаглавено Добавяне на CSS файл в HTML стъпка 1
един. Създайте CSS файл. Подгответе и запазете CSS файла разширение ".CSS ".
  • Изображение, озаглавено Добавяне на CSS файл в HTML стъпка 2
    2. Изтеглете CSS файл на сайта.
  • Изображение, озаглавено Добавяне на CSS файл на HTML стъпка 3
    3. Копирайте адреса (URL) на CSS файла. Адресът на сайта ще изглежда по този начин: Вашият.com / stylesheet.CSS.
  • Добрата практика е да изтриете от адреса (URL) на основното име на домейн. Въз основа на това, адресът http: // moisite.CSS / по подразбиране.CSS ще бъде намален до "/ css / default).CSS ". Не забравяйте да включите оловото ("/"). Той се нарича относителен начин.
  • Изображение, озаглавено Добавяне на CSS файл в HTML стъпка 4
    4. Поставете връзката към файла. Намерете в HTML файлови маркировки Създайте празен низ точно над него. Вмъкнете в този низ , Замяна на "Вашият...»На връзката в CSS файла.
  • Изображение, озаглавено Добавяне на CSS файл в HTML стъпка 5
    пет. Запазете HTML файла и го изтеглете на сайта.
  • Изображение, озаглавено Добавяне на CSS файл в HTML стъпка 6
    6. Уверете се, че всичко изглежда на сайта, както трябва да изглежда. В противен случай отново отворете HTML файла, намерете грешки и направете промени.
  • Метод 2 от 2:
    Как да вмъкнете вътрешен стил лист
    един. Създайте етикет Отворете HTML файла и намерете етикета . Добавете няколко празни струни над нея и въведете следното:
     Тип ="Текст / CSS". T
    Изображение, озаглавено Добавяне на CSS файл в HTML стъпка 7
    1. Изображение, озаглавено Добавяне на CSS файл в HTML стъпка 8
      един. Поставете всичките си CSS между тези два етикета.
    2. Изображение, озаглавено Добавяне на CSS файл на HTML стъпка 9
      2. Запазете HTML файла (с разширение .HTML).
    3. Изображение, озаглавено Добавяне на CSS файл в HTML стъпка 10
      3. Уверете се, че всичко изглежда на сайта, както трябва да изглежда. В противен случай правят необходимите промени.

    Съвети

    • Винаги проверявайте външния вид на сайта в различни браузъри и на различни операционни системи. Някои браузъри са свързани с CSS малко по различен начин. Тя дори може да се случи в същия браузър, но на различни версии на Mac и Windows. Ако вашият сайт изглежда различно в друг браузър (например, пропастта между някои обекти, като списъци, има различен размер), тогава проблемът е настройките за този браузър. Намерете таблицата Master Styles и я поставете в горната част на CSS файла, за да промените стандартните настройки на браузъра. Това е направено, така че настройките ви да не променят нищо в самия браузър.
    • Поставете външната таблица на стиловете, ако имате такава възможност. Това ще ви позволи да промените външния вид на сайта, като промените кода в изходния файл. Така че не е нужно да сменяте CSS на всяка страница на сайта.
    • Ако сайтът не реагира на CSS, както очаквахте, проверете всички кодиране, за да се уверите, че е правилно писане. По-специално, обърнете специално внимание на точките със запетаи (";") и затварящи скоби ("}"). CSS файлът е доста лесен за пропускане на един от тези знаци.
    • Запазете HTML файла на компютъра, за да го отворите в различни уеб браузъри и да го проверите преди по-нататъшно зареждане. Но за да го изтеглите, CSS файлът трябва да бъде вмъкнат в HTML като външен стил на стилове.
    • Ако самият стилов лист противоречи - например, първо се казва, че текстът ще бъде син, а след това ще бъде червен - винаги ще бъде последното условие. Ако един отбор е външен стилен лист, а другата е вътрешна, активна вътрешна таблица.

    Предупреждения

    • Не използвайте "отворената" настройка на CSS, т.е. CSS, която е включена в HTML етикета. (Пример: "Seart = `Center`" е отворен CSS формулировка). Това е остаряла версия с лош дизайн на синтаксиса. Ако след известно време трябва да актуализирате сайта, това производство ще бъде трудно да се промени.
    Подобни публикации