Học JavaScript qua ví dụ part 60

Làm việc với các Fonts Các bài trình bày của một tài liệu sẽ được khá nhàm chán nếu bạn chỉ có một khuôn mặt chữ và kích thước có sẵn. CSS cho phép bạn chỉ định một phong cách cho các phông chữ trong tài liệu là một trong nhiều cách khác nhau, bởi gia đình, kích thước, màu sắc, và những người khác (xem bảng 14,6). Có một số lượng lớn các phông chữ để chọn từ, mặc dù đó là một ý tưởng tốt để xác định phông chữ mà người dùng có thể có cài đặt | Common Style Sheet Properties 539 Working with Fonts The presentation of a document would be quite boring if you only had one font face and size available. CSS lets you specify a style for the fonts in a document in a variety of ways by family size color and others see Table . There are a huge number of fonts to pick from although it s a good idea to specify fonts that users are likely to have installed. Like the HTML font tag CSS lets you specify several font families see Table and will go from left to right selecting the one available on your computer. See Figure to sample different font styles for your operating system. Table Font Properties Property Value Example Elements Affected font 12pt 14pt sans-serif 80 sans-serif x-large 110 arial normal small-caps All font-family serif sans-serif cursive fantasy monospace or any specific font family typeface name may be used All font-size 12pt larger 150 All font-style normal italic oblique All font-variant normal small-caps All font-weight normal bold bolder lighter 100 All Table Font Families Family Names Specific Family Typeface Names Serif Times Palatino Book man Sans serif Arial Helvetica GillSans Monospace Courier 0 C R B WALLSTREET Cursive ZapfCiiancery oUivutf Qcftipt QPrrante Fantasy Celtic Impact. Carriage From the Library of 540 Chapter 14 Introduction to CSS Cascading Style Sheets with JavaScript EXAMPLE html head title Fonts title style type text css body background-color darkblue 1 hl color yellow font-size x-large font-family lucida verdana Helvetica 2 h2 color lightgreen font-size large font-family courier 3 h3 color lightblue font-size medium font-family helvetica 4 p color white font-size 22pt font-style italic font-family arial font-variant small-caps style head body font size 2 h1 My name is Papa Bear h1 5 h2 My name is Mama Bear h2 h3 and I m the Baby Bear h3 p Once upon a time yaddy yaddy yadda. p body html EXPLANATION 1 The hl .