Полезное:
Как сделать разговор полезным и приятным
Как сделать объемную звезду своими руками
Как сделать то, что делать не хочется?
Как сделать погремушку
Как сделать так чтобы женщины сами знакомились с вами
Как сделать идею коммерческой
Как сделать хорошую растяжку ног?
Как сделать наш разум здоровым?
Как сделать, чтобы люди обманывали меньше
Вопрос 4. Как сделать так, чтобы вас уважали и ценили?
Как сделать лучше себе и другим людям
Как сделать свидание интересным?
Категории:
АрхитектураАстрономияБиологияГеографияГеологияИнформатикаИскусствоИсторияКулинарияКультураМаркетингМатематикаМедицинаМенеджментОхрана трудаПравоПроизводствоПсихологияРелигияСоциологияСпортТехникаФизикаФилософияХимияЭкологияЭкономикаЭлектроника
Как подключить CSS таблицу к HTML документу?
Внешняя таблица стилей это просто текстовый файл с расширением .css.
Допустим,у нас есть таблица стилей style.css и несколько страниц html, и причем все это расположено в одной папке. Тогда в каждом документе который мы хотим подключить, в голове документа(между тегами <head> и </head>) необходимо прописать строчку:
<link rel="stylesheet" type="text/css" href="style.css">
Эта строка указывает браузеру, что он должен использовать правила отображения HTML-файла из CSS-файла.
Теперь попробуйте сами:
Откройте Блокнот(или другой редактор) и создайте с помощью него два файла находящихся в одной папке: CSS файл - style.css и HTML файл - index.html. Аналогично для index.html.
Файлы примерно следующего содержания:
Index.html
<!DOCTYPE HTML>
<html>
<head>
<title> Работаем со стилями </title>
<link rel="stylesheet" type="text/css" href="style.css" >
</head>
<body>
<h1> Это моя первая таблица стилей, и если все работает, то несмотря на то, что это заголовок первого уровня, он отобразится высотой всего лишь 14 пикселей и будет голубого цвета </h1>
</body>
</html>
Style.css
h1{color:blue;font-size:14px}
Если вы все сделали правильно, то запустив в браузере файл index.html` увидите
Ниже рассмотрим еще два способа подключения стилей, которые не требуют внешней таблицы стилей.
Можно располагать правила стилей непосредственно в голове документа:
<!DOCTYPE HTML>
<html>
<head>
<title> Работаем со стилями </title>
<style type="text/css">
h1{color:blue;font-size:14px}
</style>
</head>
<body>
<h1> Это моя первая таблица стилей, и если все работает, то несмотря на то, что это заголовок первого уровня, он отобразиться высотой всего лишь 14 пикселей и будет голубого цвета </h1>
</body>
</html>
Также, можно задавать стиль с помощью атрибута style. Например:
<!DOCTYPE HTML>
<html>
<head >
<title> Работаем со стилями </title>
</head>
<body>
<h1 style="color:blue;font-size:14px" > Это моя первая таблица стилей, и если все работает, то несмотря на то, что это заголовок первого уровня, он отобразиться высотой всего лишь 14 пикселей и будет голубого цвета </h1>
</body>
</html>
Цвет и фон в CSS
Запомни: цвета в CSS указываются так же, как и в html. Т.е. можно указывать шестнадцатиричное значение, например #ff3355, либо же название цвета (red, green, blue и др.)
Основными свойствами цвета и фона в CSS являются:
· color
· background-color
· background-image
· background-repeat
· background-attachment
· background-position
· background
Свойство COLOR
Задает основной цвет (цвет переднего плана) того или иного элемента. Например, если мы хотим сделать цвет всех заголовков первого уровня красным, а цвет текста параграфов зеленым, то таблица стилей будет выглядеть так:
H1 {
color: red;
}
P {
color: green;
}
Задание 1.
Создайте страницу по образцу:
Текст на страницу скопируйте: Сделайте разметку абзацев, как в образце.
Blogs (short for web logs) are free and pretty easy to setup. In fact, most people will agree they are easier to setup than websites.
But don't be fooled.
That doesn't mean they are easier to promote, build traffic and turn a profit.
Both websites and blogs require work, patience, an understanding of Internet marketing and search engine optimization (the process of getting ranked high in Google, Yahoo, etc.)
So please don't go into this thinking that creating a blog is an easier way to make money online. Even bloggers making a lot of money have put in their share of time and effort.
Another thing you should know is that blogs can be somewhat limiting compared to a website (in terms of design and data manipulation) until you learn more about how blogs are coded.
However, if you use WordPress, you'll have the flexibility to do so much with your blog's content and layout.
Blog or Website? Can't Decide?
A lot of people get confused and wonder if they should create a blog, website or both?
Watch the video below to get my take on the subject.
Date: 2016-07-05; view: 325; Нарушение авторских прав; Помощь в написании работы --> СЮДА... |