php (322)
js (242)
html (146)
математика (136)
калькулятор (80)
html tags (62)
php function (56)
js tag (56)
дробь (50)
число (48)
jquery (42)
text (37)
js method (36)
js date (33)
php array (33)
fonts (30)
form html (30)
online (27)
object date (26)
Показать еще :
link (26)
html attribute (25)
ruweb.net (25)
foto (22)
type of input (21)
php matematika (20)
atom (20)
php file (20)
sublime text 3 (19)
определение (19)
деление (19)
forum (19)
svg (18)
десятичная дробь (18)
js attribute (18)
hosting (18)
input (18)
css property (17)
php date (17)
php time (16)
html book (16)
board (16)
php string (15)
js replace (15)
php folder (15)
js url (14)
img (14)
font download (14)
js time (14)
js events (14)
вычитание (13)
osclass (13)
info (13)
select (13)
htaccess (13)
notepad (13)
знак (12)
table (12)
dw block (12)
download (12)
php img (12)
php path (12)
keyboard (12)
yandex webmaster (11)
js location (11)
icon (11)
jsphp (11)
form (11)
font awesome (11)
attribute data (10)
mouse (10)
drop down list (10)
отрицательные (10)
yandex (10)
js delete (10)
признак делимости (10)
сложить (9)
онлайн (9)
php count (9)
php session (9)
database (9)
вычитание дробей (9)
hover (9)
смешанная дробь (9)
css shape (9)
php array key (8)
calculator (8)
js attr delete (8)
js array (8)
dosite (8)
document js (8)
browser (7)
comment (7)
programs (7)
attribute title (7)
php url (7)
php error (7)
$ server (7)
dreamweaver (7)
перевод дробей (7)
encryption (7)
php post (7)
background (7)
queryselector (7)
different (7)
border property (7)
jquery attribute (7)
selector css (7)
php operator (7)
cookie (7)
степень (7)
robots txt (6)
filezilla (6)
list (6)
alphabet (6)
iframe (6)
js class (6)
php get (6)
tags meta (6)
code editor (6)
click (6)
tag title (6)
canvas (6)
position element (6)
mysql (6)
$ global vars (5)
reg.ru (5)
value (5)
php second (5)
heading (5)
mb (5)
dwweb ru (5)
умножение (5)
треугольник (5)
textarea (5)
js math (5)
php substr (5)
adminka (5)
registration (5)
tag a (5)
chart (5)
placeholder (5)
year (5)
search (5)
display property (5)
площадь (5)
ftp (5)
directadmin (5)
js id (5)
php cookie (5)
js slice (5)
count symbol (4)
ssl (4)
php preg replace (4)
base64 (4)
day (4)
задача (4)
week (4)
php var (4)
bbcode (4)
js domain (4)
href attribute (4)
нок (4)
scandir (4)
xml (4)
умножить дробь (4)
php type var (4)
php register (4)
classlist (4)
js string (4)
month (4)
php cycle (4)
submit (4)
symbols (4)
js window (4)
clock fonts (4)
php task (4)
task (4)
php constants (4)
pages (4)
vk (4)
template (4)
console (4)
position (4)
делить дробь (4)
js form (4)
text decoration (4)
https (3)
checkbox (3)
jquery post (3)
php get element (3)
numbers (3)
js post (3)
php cycle for (3)
js attr ad (3)
js hash (3)
vs code (3)
domen (3)
magic constants (3)
subdomain (3)
font style (3)
php rand (3)
php password (3)
question (3)
js tag delete (3)
js attr get (3)
js attr change (3)
overflow (3)
function time (3)
php counters (3)
js cookie (3)
jquery class (3)
selector (3)
preg replace (3)
auto form (3)
js img (3)
php method (3)
периметр (3)
корень (3)
ucoz (3)
pseudo element (3)
сложить дробь (3)
padding (3)
куб (3)
money (3)
line (3)
captcha (3)
js object (2)
yoomoney (2)
делить смешанную (2)
height (2)
comments+ (2)
seo (2)
file cms (2)
js vars (2)
facebook (2)
video (2)
youtube (2)
php mail (2)
about me (2)
php round (2)
audio player (2)
круг (2)
tag hr (2)
квадрат (2)
errordocument (2)
набрать дробь (2)
калькулятор 2 (2)
js value (2)
js property (2)
authorization (2)
css book (2)
функция (2)
type file (2)
php array sort (2)
details (2)
contenteditable (2)
input stroke (2)
typeof (2)
attribute target (2)
php form (2)
jquery method (2)
рся (2)
sitemap (2)
php array value (2)
counter (2)
arrows (2)
js attr hey (2)
prompt (2)
qr kod (2)
delete tag (2)
source code (2)
google (2)
text align (1)
css indent (1)
game (1)
jquery book (1)
cursor (1)
js tag do (1)
type range (1)
js session (1)
xmlhttprequest (1)
scroll (1)
rutube (1)
php minute (1)
computer (1)
прямоугольник (1)
нод (1)
объем (1)
smile (1)
php info (1)
input html (1)
js folder (1)
jino (1)
header (1)
js tag get (1)
js tag change (1)
speed (1)
sberbank (1)
windows (1)
archive (1)
sublime text 4 (1)
Изменить цвет первой буквы предложения css
Как изменить цвет первой буквы предложения в блоке. Выделение первой буквы цветом. Изменить цвет всех первых букв на странице!
Изменение цвета первой буквы
Изменение цвета первой буквы в блоке:
Для того, чтобы продемонстрировать изменение цвета первой буквы в блоке, создадим несколько предложений.
И все данные предложения будут находится в одном блоке!
Нам потребуется :
Блок с абзацем {P}:
<div id="example">
<p>Для того, чтобы продемонстрировать изменение цвета первой буквы в блоке, создадим несколько предложений.</p>
<p>И все данные предложения будут находится в одном блоке!</p>
<p>Нам потребуется :</p>
</div>
<p>Для того, чтобы продемонстрировать изменение цвета первой буквы в блоке, создадим несколько предложений.</p>
<p>И все данные предложения будут находится в одном блоке!</p>
<p>Нам потребуется :</p>
</div>
Изменим чуть-чуть высоту первой буквы и покрасим её в синий
div#example p:first-letter {
font-size: 150%;
color: #0701ff;
font-family: monospace;
}
font-size: 150%;
color: #0701ff;
font-family: monospace;
}
Результат изменения цвета первой буквы :
Результат вы увидели уже в первых строках данного пункта!
Пример изменения цвета первой буквы
В примере - "изменение цвета первой буквы" будем использовать тот же принцип, что и в выше идущем пункте, только покрасим первую букву в красный!Как покрасить первую букву в каждом новом абзаце. Ну или формулировка – «Оформление первой буквы абзаца через css»
Итак! Мы видим, что уже в данном тексте, первая буква каждого абзаца имеет тот цвет и размер, который мы ранее прописали в стилях!
Давайте попробуем разобраться как сделать первую букву первого слова отличной от других. К первой букве абзаца мы можем применить вообще любой стиль: цвет, размер и .т.д.
Для этого нам понадобится :
Псевдо класс :first-letter
Ну в нашем случае… именно на этой странице мы использовали данный псевдо класс таким образом:
p:first-letter
Каждый новый абзац в html будет иметь вид:
<p>Здесь текст, каждого нового абзаца!</p>
Добавляем стили к первой букве абзаца:
p:first-letter {
font-family: "Times New Roman", Times, serif;
font-size: 150%;
color: red;
font-style: italic;
}
Ну,... и результат/ы вы видите на нашей странице, где мы и выделяли первую букву первого слова. В каждом абзаце, на всей странице через css!font-family: "Times New Roman", Times, serif;
font-size: 150%;
color: red;
font-style: italic;
}
Можете не благодарить, лучше помогите!
Счетчик в график :
Построение гравиковОснова для графика : счетчик посещаемости.
На отдельной : странице.