When the Apple Watch
launches early next year, you'll have 34 combinations of models and
wristbands to select from. So if you're already dreaming of picking one
up, at least you'll have several months to choose the one for you.
Apple, too, is banking on the fact that everyone's tastes are
different and is clearly hoping there's something for everyone with the
watch. Or watches.
See also: Apple Watch Will Be Available Early Next Year, Starting at $349
In fact, there are three case models to choose from, before narrowing
in on a wristband: Apple Watch, traditional style; Watch Sport, for
fitness enthusiasts; and Watch Edition, an upscale model. There are two
sizes for most (38 mm and 42 mm). Prices start at $349, but Apple hasn't
specified what each model will cost.
Then there are the wristbands. To name a few, there's the classic
buckle, the stainless steel options and the rugged ones for athletes.
Apple showed that at least some of the wristbands are interchangeable,
but it's not clear whether all of them will be.
And the personalization doesn't stop there; Apple is offering 11 interface designs
for the watch faces on the screen, most of which are customizable to a
wide degree. The company says you'll have more than 2 million appearance
options overall.
While
the interfaces haven't been fully detailed, we know there's a
traditional analog option and funkier ones too, like a real-time 3D
model of the earth, sun, moon and planets. The wristband options are
already posted to Apple's website, and there are 18 choices for the Apple Watch, 10 for the Watch Sport and six for the Watch Edition.
Here's what's coming to Apple's first smartwatch:
Apple Watch
Image: Apple
The
Apple Watch, the company's flagship collection, is made from stainless
steel and is designed to be worn during all your daily activities, from
morning workouts to nights out. The model comes with a scratch-resistant
sapphire crystal-coated Retina display. You can pick between three
different leather bands, a link bracelet, a Milanese loop and a band
made from high-performance fluoroelastomer.
In total, there are 18 options available, when you factor in size and
case color. (It appears that the space-black case only comes with the
space-black stainless steel link bracelet.)
Link Bracelet
The Apple Watch Link Bracelet design (left) and the Milanese Loop option (right).The
Link Bracelet (available in stainless steel and space-black stainless
steel) is made of the 316L stainless steel alloy, with more than 100
components to make up the wristband. Apple said it takes nearly nine
hours to cut the links for a single band, mostly because they're not
uniform in size. Some of the links include a release button.
Milanese Loop (above right)
This mesh design, based on a technique used in Milan in the 19th
century, is flexible and wraps "fluidly" around your wrist. While Apple
said it gives the look of a magnetic stainless steel, the company
created its own alloy.
Modern Buckle
The Modern Buckle band design in three colors, and the Classic Buckle in black.The
Granada leather band (available in soft pink, brown and midnight blue)
is developed by a small French tannery established in 1803. In what
looks like a buckle, it features a two-piece magnetic closure to lock
the band in tight. There's also a layer of material for strength and
resistance, made of the same material NASA used to create the parachute
strings for the Mars Rover. The modern buckle appears to be available
only with 38mm cases.
Classic Buckle (above right)
This option comes from the Netherlands and features a closure made
from the same material as the stainless steel watch case. This
traditional band comes only in black.
Leather Loop
The Apple Watch Leather Loop collection.
Image: Apple
The
Leather Loop band for the Apple Watch collection is handcrafted in
Naples, Italy. Magnets are used inside the wristband to give users a
trim fit. Colors are available in stone, light brown and bright blue.
This option appears to be paired only with 42mm cases.
Sport Band (seen below)
The Sport Band — available in black and white on the Apple Watch — is
made of rubber, but Apple says it's more flexible than other
fluoroelastomer options. It uses a pin-and-tuck closure to lock the
device in place.
Watch Sport
The Apple Watch Sport comes in five different colors and two sizes (38 mm and 42 mm).
Image: Mashable composite
If
you're in the market for something rugged you can take on a long run,
the Apple Watch Sport is probably what you're looking for.
This collection has fewer options (10) compared to the Apple Watch's
18 different flavors, but comes in both sizes (38 mm and 42 mm) and a
variety of bright, playful colors: white, black, blue, green and pink.
The bands are made of fluoroelastomer.
Meanwhile, the case is created from lightweight anodized aluminum in
both silver and space gray, and the display is protected by strengthened
Ion-X glass.
Watch Edition
The Apple Watch Edition lineup.
Image: Mashable composite
The
Edition collection is an upscale version of what's available for the
Apple Watch. Each of the six versions comes with 18-karat gold that
Apple says was developed to be up to twice as hard as standard gold. The
display is protected by polished sapphire crystal. This is probably the
device you'd want to wear to a nice dinner.
Colors include a yellow gold case with bright red modern buckle (38
mm), rose gold case with white sport band (38 mm and 42 mm), rose gold
case with rose gray modern buckle (38 mm), yellow gold case with black
sport band (42 mm) and yellow gold case with midnight blue classic
buckle (42 mm).
Nhằm mang đến cho độc giả cái nhìn sắc nét và chính xác hơn về iPhone 6, Rozetked đã lắp ghép các bộ phận rò rỉ của thiết bị, từ màn hình cho đến khung nhôm mặt sau và một số linh kiện bên trong máy. Anh khẳng định đây sẽ là phiên bản có kích thước 4.7 inch, máy được bao bọc bởi vỏ nhôm nguyên khối, vi xử lý A8, với tích hợp chip NFC.
Bên cạnh những tin đồn về màn hình sapphire chống xước tốt hơn trên iPhone 6, camera trên mẫu sản phẩm này hứa hẹn cũng sẽ tốt hơn với độ phân giải cao hơn, chính vì vậy cảm biến máy ảnh đã lồi ra so với vóc dáng mảnh khảnh của máy.
iPhone 6 sẽ ra mắt ngày 9/9. iPhone 6 sẽ có kích thước lớn hơn, thiết kế khác biệt so với các dòng sản phẩm hiện tại
(Cuối cùng) Apple cũng đã lên tiếng xác nhận sự kiện trọng đại vào
ngày 9/9/2014, với sự xuất hiện của rất nhiều sản phẩm ‘nóng’ của hãng
trong năm nay.
Ông trùm xứ Cupertino vừa gửi thư mời đến giới truyền thông Mỹ
trong sự kiện sẽ diễn ra vào ngày 9/9 tới đây, với sự góp mặt của rất
nhiều sản phẩm hấp dẫn, trong đó có mẫu iPhone 6
với kích thước 4.7 inch, phiên bản phablet có tên gọi iPhone L màn
hình 5.5 inch. Và đặc biệt hơn cả, sẽ có sự hiện diện của vòng đeo tay
thông minh chạy iOS, mà chúng ta vẫn thường ‘ví von’ đó là chiếc iWatch.
Bên cạnh việc ra mắt các thiết bị công nghệ, Táo Khuyết dự kiến sẽ phát hành phiên bản chính thức của iOS 8 với nhiều tính năng mới mẻ. Và cuối cùng là phiên bản iPhone 5s giá 'mềm' hơn chỉ có dung lượng 8GB (iPhone 5S 8GB).
Sự kiện trọng đại của Apple sẽ diễn ra tại trường De Anza College,
Cupertino vào lúc 10h sáng (theo múi giờ Pacific), tức khoảng 0:00
(10/9) ở Việt Nam. mời các bạn cùng đón xem.
Sau
kỳ thi đại học căng thằng, đây là thời điểm mà nhiều bạn tân sinh viên
cũng như các bậc phụ huynh đang tìm mua những mẫu smartphone để làm phần
thưởng cho những nỗ lực và phấn đấu của bản thân và con cái mình. Dưới
đây sẽ là những sự lựa chọn hợp lý nhất trong phân khúc 3 triệu đồng,
phân khúc phù hợp nhất với các bạn sinh viên và học sinh và với đại đa
số những người mới làm quen với smartphone.
1, Lumia 530 (2.35 triệu đồng)
Mẫu
smartphone đến từ Microsoft là sản phẩm đầu tiên phải nhắc đến trong
danh sách những mẫu máy được xếp vào loại hàng ngon giá rẻ. Sở hữu mức
giá chỉ hơn 2 triệu đồng nhưng có quá nhiều ưu điểm để nói về Lumia 530.
Đầu tiên là sự xuất hiện của hệ điều hành Windows Phone 8.1
mới nhất, kế đó là khả năng hoạt động mượt mà không giật lác, không phụ
thuộc vào cấu hình mạnh yếu của hệ điều hành Windows Phone. Bên cạnh đó
chất lượng phần cứng tốt, mẫu mã hợp lý cùng khá nhiều sự lựa chọn về
màu sắc thời trang cũng là những điểm mạnh không thể không nhắc đến của
mẫu máy này.
Về
mặt cấu hình, Lumia 530 sở hữu màn hình cảm ứng 4 inch với độ phân giải
480x854 pixel. Máy sử dụng chip Snapdragon 200 lõi tứ xung nhịp 1.2
GHz, RAM 512 MB, bộ nhớ trong 4GB, Camera chính 5Mpx và pin với dung
lượng 1.450 mAh. Với mức giá chỉ 2.35 triệu đồng, Lumia 530 rõ ràng là
một sự lựa chọn rất đáng cân nhắc trong tập hợp những mẫu máy tầm trung
giá rẻ.
2, ZenFone 4 (2.19 triệu đồng)
Nếu
nói về những mẫu smartphone thuộc phân khúc người dùng phổ thông, sẽ là
quá thiếu sót nếu không nhắc đến ZenFone 4 của ASUS. Cùng với ZenFone 5 và ZenFone 6, bộ 3 sản phẩm ZenFone nhà ASUS đã tạo nên một cơn sốt thực sự tại thị trường di động Việt Nam.
Sở
hữu thiết kế và chất lượng phần cứng không thực sự ấn tượng, tuy nhiên
những thiếu sót này sẽ được nhiều người bỏ qua khi nhắc đến các thông số
về cấu hình của mẫu máy này. ZenFone 4 được trang bị màn hình 4 inch
với độ phân giải 480x800 pixel. Máy sử dụng chip Intel Atom Z2520
lõi kép xung nhịp 1.2 GHz, RAM 1GB cùng bộ nhớ trong lên tới 8 Mpx. Máy
cũng có camera chính 5 Mpx với khá nhiều chế độ chụp hình ấn tượng được
cung cấp sẵn bởi nhà sản xuất. Nếu có phàn nàn gì ZenFone 4, có lẽ điều
đó chỉ đến từ dung lượng pin 1.600 mAh có phần khiêm tốn của mẫu điện thoại này.
Bên
cạnh ZenFone 4, người dùng phổ thông cũng có thể lựa chọn lên phiên bản
ZenFone 4 A450 với mức giá 2.79 triệu đồng. Với phiên bản A450, người
dùng sẽ có một màn hình hiển thị 4.5 inch với màn hình IPS lớn hơn và
nịnh mắt hơn nhiều so với phiên bản ZenFone 4 thông thường.
3, Galaxy Trend Plus (2.89 triệu đồng)
Trong
số những mẫu smartphone thuộc dòng phổ thông, Galaxy Trend Plus cũng
được coi là một sản phẩm đáng tiền ở thời điểm hiện tại. Với cấu hình ở
mức tương đối gồm màn hình 4 inch độ phân giải 480x800 pixel, chip
Broadcom lõi kép tốc độ 1.2 GHz, RAM 768 MB, bộ nhớ trong 4GB và camera
chính 5Mpx, Galaxy Trend Plus cung cấp đầy đủ tính năng với chất lượng
phù hợp với nhu cầu của đại đa số người dùng cơ bản.
Nếu
chọn một sản phẩm như Galaxy Trend Plus, bạn sẽ không phải lăn tăn quá
nhiều về vấn đề thương hiệu và chất lượng bảo hành. Tuy nhiên, phải nói
rằng các sản phẩm của Samsung thua kém khá nhiều so với các nhà sản xuất
khác ở phân khúc người dùng cơ bản.
4, Nokia X2 (2.99 triệu đồng)
Dù
không quá thành công ở các dòng sản phẩm cao cấp, những mẫu điện thoại
đến từ Nokia và nay là Microsoft vẫn luôn giữ được tiếng nói riêng của
mình trên thị trường di động, đặc biệt là ở phân khúc điện thoại bình
dân giá rẻ. Với mức giá trên dưới 3 triệu đồng có thể kể đến rất nhiều
sự lựa chọn chất lượng đến từ nhà sản xuất này như Lumia 520, Lumi 525, Lumia 530, Nokia X+ và cả Nokia X2. Bởi vậy, rõ ràng sẽ là thiếu sót nếu chỉ điền tên duy nhất một mẫu điện thoại của Nokia vào danh sách các sản phẩm đáng mua.
Ở
phân khúc 3 triệu đồng, Nokia X2 tỏ ra là một sự lựa chọn sáng giá. So
với Nokia X, X2 đã khắc phục được khá nhiều các nhược điểm của dòng máy
thế hệ đầu mà tiêu biểu nhất là tình trạng giật lác vốn làm đau đầu
những người sử dụng. Bên cạnh đó, một điểm khác cũng được đánh giá
khá cao của Nokia X2 là chất lượng gia công và chế tác phần cứng. Cũng
giống như những mẫu điện thoại phổ thông khác đến từ thương hiệu Nokia,
Nokia X2 luôn đem đến cho người dùng cảm giác yên tâm về độ bền khi va
đập, đặc biệt là khi mẫu điện thoại này giờ đâu được trang bị đến 2 lớp
vỏ bao gồm một lớp nhựa cứng với màu sắc sặc sỡ ở phía trong và một lớp
nhựa trong suốt bao phủ khắp phía ngoài.
Với mức cấu hình khá tốt
gồm màn hình hiển thị 4.3 inch độ phân giải 480x800 pixel, chip
Qualcomm Snapdragon 200 xung nhịp 1.2GHz, RAM 1GB, Camera 5 Mpx cùng khả
năng hỗ trợ 2 SIM 2 sóng, Nokia X2 được dự đoán sẽ là một sản phẩm
thành công trong phân khúc thị trường điện thoại bình dân giá rẻ.
những thông tin và hình ảnh về iPhone 6, một thông tin khác
cũng được rất nhiều người quan tâm là việc liệu có hay không những thiết bị khác
điện giới thiệu cùng ngày với mẫu điện thoại mới nhất của Apple. Theo nhiều
nguồn tin không chính thức từ giới truyền thông, bên cạnh 2 mẫu điện thoại mới
với màn hình có kích cỡ lần lượt là 4.7 inch và 5.5 inch, sẽ có một thiết bị
hoàn toàn mới xuất hiện trong sự kiện lần này và nhiều khả năng, thiết bị này
chính là Apple iWatch.
Đây không phải là lần đầu tiên chúng ta được nghe đến những tin tức liên quan
đến mẫu smartwatch được phát triển bởi Apple. Theo nhiều chuyên gia, đây là thời
điểm phù hợp để cho ra đời mẫu đồng hồ thông minh có tên iWatch, đặc biệt là khi
rất nhiều nhà sản xuất đã tham gia vào thị trường đồng hồ thông minh và tính bất
ngờ của iPhone 6 dường như đã không còn.
Nếu thiết bị này được cho ra đời, nhiều khả năng nó sẽ chạy trên nền tảng hệ
điều hành iOS8 mới được phát triển. Đây sẽ là công cụ hỗ trợ tốt cho những ứng
dụng được Apple giới thiệu hồi tháng 6 như HealthKit và HomeKit. Theo nhiều
chuyên gia, nếu sự tồn tại của iWatch là có thực, thiết bị này sẽ có khả năng
hoạt động độc lập không cần sự hỗ trợ của iPhone, iPad và có giá bán ra vào
khoảng 300 đô la Mỹ.
Liệu Apple iWatch có thực sự xuất hiện vào tháng 9 năm nay ? Chúng ta hãy
cùng nhau đếm ngược để chờ tới ngày khai mạc chính thức sự kiện ra mắt iPhone 6
của Apple.
Năm nay Apple vẫn chỉ phát hành máy tính bảng truyền thống với kích thước 10
inch trở xuống, trong khi đó phiên bản ‘cỡ lớn’ phải đợi cho đến năm sau.
Bloomberg, nguồn tin rất đáng tin cậy chia sẻ, hiện một số đối tác của Apple
đang trong quá trình phát triển để đưa mẫu iPad với kích thước ‘khủng’ 12.9 inch
đi vào sản xuất vào đầu quý I năm 2015.
iPad 12.9 inch sẽ
'lên kệ' vào đầu năm sau
Như vậy, những thông tin rò rỉ trước đây về việc Apple sẽ công bố iPad 12.9
inch vào cuối năm nay là hoàn toàn sai. Vì cho đến thời điểm này, vẫn chưa có
bất kỳ thông tin chi tiết nào liên quan đến mẫu iPad 12.9 inch được tiết lộ, chỉ
biết rằng đây sẽ là thiết bị dành cho ‘khách hàng tiềm năng’ và đó là các doanh
nghiệp, chứ không phải là dành cho ‘người sử dụng thường xuyên’.
iPad 12.9 inch sẽ
chỉ dành cho đối tượng khách hàng là doanh nghiệp
Trước khi tung ra iPad 12.9, tất nhiên Apple sẽ giới thiệu các mẫu máy tính
bảng mới của mình, bao gồm trong đó có iPad Air thế hệ mới với kích thước 9.7
inch, và phiên bản ‘kế thừa’ của chiếc mini Retina với kích thước 7.9 inch. Và
cả 2 đều sẽ được lên kệ vào kỳ nghỉ lễ năm nay, nguồn tin Bloomberg trích
dẫn.
Bloomberg còn cung cấp thêm thông tin chi tiết về iPhone 6, Apple sẽ công bố
iPhone thế hệ mới vào ngày 9/9 như những rò rỉ trước đây. Và sẽ có 2 phiên bản
sở hữu 2 kích thước khác nhau, một dành cho màn hình 4.7 inch và phiên bản cỡ
lớn 5.5 inch.
Đối tác của Apple tại Trung Quốc vừa bất ngờ đăng tải hình ảnh được cho là
chính thức của iPhone 6 sắp tới, cho thấy thiết kế đẹp hơn nhiều những bản rò
rỉ.
Đến thời điểm này có thể khẳng định, iPhone 6 là thiết bị
khó giữ được bí mật nhất của Apple khi mà suốt từ đầu năm đến nay đã có vô số
thông tin về sản phẩm này bị rò rỉ. Điều đó chứng tỏ các biện pháp an ninh dưới
thời Tim Cook đã không còn hiệu lực. Thậm chí, ngay cả đối tác của công ty
Cupertino cũng sẵn sàng đăng tải hình ảnh của chiếc smartphone này khi nó chưa
ra mắt.
iPhone 6 bất ngờ được đăng bán
thông qua đối tác của Apple
China Telecom, một trong những đối tác lớn nhất của Apple và cũng là nhà mạng
lớn ở Trung Quốc đã công bố bán iPhone 6 thông qua tài khoản Weibo chính thức
của họ. Nhưng không lâu sau đó, bài viết này đã bị xóa, may mắn là nhiều người
đã kịp sao chép và chia sẻ bài viết này lên trên các trang web công nghệ.
Bài đăng bán iPhone 6 của China Telecom cho thấy thiết bị này có ba phiên bản
màu sắc và hỗ trợ các kết nối như 4G LTE, 3G, CDMA và GSM.
Mặc dù không nói ra nhưng chắc hẳn Apple sẽ cảm thấy khá sốc vì đối tác lớn
của mình lại đăng bán sản phẩm mới trước khi được phép, điều này sẽ ảnh hưởng
không nhỏ đến mối quan tâm của mọi người đến iPhone thế hệ mới và khiến Apple
rơi vào thế khó xử nếu thiết bị cuối cùng có sự thay đổi.
Dự kiến Apple sẽ ra mắt iPhone 6 vào ngày 09 tháng 9 vì vậy không
lâu nữa tất cả mọi thứ sẽ được kiểm chứng.
Đôi khi các bạn muốn đặt một Code quảng cáo hay một tiện ích nào đó vào trong Template nhưng xảy ra hiện tượng Code không hoạt động. Một trong những lỗi đó là do phần Code các ký tự đặc biệt chưa được chuyển đổi để phù hợp với Template. Hôm nay mình giới thiệu với các bạn cách tạo khung converter code (mã) cho Blogger - Blogspot.
Cách làm thật là đơn giản các bạn à:
Cách 1: Các bạn hãy mở chế độ HTML của bài đăng, sau đó Copy và dán đoạn code sau vào nơi các bạn muốn khung xuất hiện trong bài đăng. Cách 2: Tạo một 1 Widget ở nơi nào đó trên trang, sau đó Copy và dán đoạn code sau vào.
<span style="font-weight: bold;">Gõ code cần chuyển đổi vào ô bên dưới nhấn Converter để chuyển đổi mã hóa:</span> <script src="http://www.gmodules.com/ig/ifr?url=http://thuthuat-blogger.googlecode.com/files/code_converter_for_blogger.xml&up_grows=10&up_conv1=1&up_conv2=1&up_conv3=1&up_conv4=1&up_conv5=1&synd=open&w=570&h=300&output=js"></script>
Hãy làm và tận hưởng thành quả của bạn. Chú ý rằng: w=570 là chiều rộng khung.
Khi bạn muốn tạo Blog 1 cách hoàn chỉnh, thì Blog của bạn không thể thiếu những thành phần quan trọng như công cụ tìm kiếm, RSS, hay thành phần đếm số lượt người truy cập blog...
Sau đây tôi muốn trình bày cách thêm RSS cho blog của mình: 1. Cách 1: Đối với Blogger: Đầu tiên các bạn copy đoạn mã sau vào vị trí trong Blog của bạn muốn đặt logo RSS
Thay các chữ Tên Blog của bạn bằng địa chỉ Blog của các bạn, thay dòng mô tả http://vnbtips.blogspot.com/ bằng các dòng bất kì theo ý thích. Vậy là xong.
2. Cách 2:
Bình thường, nếu không đăng ký FeedBurner và thay đổi Post Feed Redirect URL trong Site Feed (Settings -> Site Feed) liên kết đến Feed cho các bài đăng của blog sẽ có dạng: http://tencuaban.blogspot.com/feeds/posts/default. Từ chương trình đọc feed trên web hay các chương trình trên Windows người dùng có thể đọc một phần hoặc tất cả nội dung của một bài đăng dựa theo chế độ cài đặt của bạn tại Allow Blog Feeds.
Theo hướng dẫn của Blogger link đến Feed cho từng nhãn của bạn sẽ là:
Nhớ phải có dấu "-". Và như vậy có thể dùng link này kết hợp với một hình ảnh, bạn hoàn toàn có một một biểu tượng feed cho từng label.
Cách thực hiện:
- Đăng nhập Blogger và hãy bảo đảm bạn trên blog của bạn có ít nhất một tiện ích labelđược sử dụng.
- Tiếp theo vào Template -> Edit HTML, nhớ bấm Expand Widget Templates và tìm id='Label1' (hoặc id='Label2' nếu bạn sử dụng đến nhãn thứ 2 )( Có thể dùng Ctrl + F để tìm). Bạn lưu ý đoạn mã sẽ như thế này:
Nào bây giờ hãy chép đoạn code:
Trong đó Link đến biểu tượng Feed bạn có thể lựa chọn từ một trong các hình sau: (Đưa chuột phải lên hình bạn chọn và click Properties để lấy link)
và dán theo một trong hai cách: phía dưới thẻ
(hoặc phía dưới thẻ
) để biểu tượng xuất hiện trước (hoặc sau tên của nhãn).
Tạo file HTML và CSS có cấu trúc thư mục và nội dung như sau:
Cấu trúc thư mục
Html
Click vào dấu [+] để xem cấu trúc.
HTML viết
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Tiêu đề trang web</title> <link href="css/style.css" rel="stylesheet" type="text/css" media="screen,print" /> </head>
<body> <div> <p>Thành phần không có CSS.</p> <p class="cssStyle">Thành phần có CSS.<br /> Thành phần có CSS.<br /> Thành phần có CSS.<br /> Thành phần có CSS.</p> </div> </body> </html>
CSS viết
p.cssStyle { }
Hiển thị trình duyệt khi chưa sử dụng CSS
Thành phần không có CSS.
Thành phần có CSS. Thành phần có CSS. Thành phần có CSS. Thành phần có CSS.
Thuộc tính background được dùng để định dạng nền cho thành phần.
Các dạng thuộc tính background:
background-color: xác định màu cho nền.
background-image: xác định hình cho nền.
background-position: xác định vị trí cho nền, thường được sử dụng kèm với background-image.
background-repeat: xác định hình nền được lặp lại như thế nào.
background-attachment: xác định thành phần nền được cố định hoặc cuộn so với trang, được sử dụng kèm với background-image.
background: dạng tổng quát, kết hợp của các loại background trên.
Cấu trúc background-color viết dạng tổng quát
tag { background: giá trị; }
Giá trị của thuộc tính background-color:
Giá trị theo hệ thập lục phân: gồm dấu "#" kết hợp với dãy ký tự latin (chỉ bao gồm số hoặc chữ). VD: color: #ff0000;
Giá trị theo kết hợp màu RGB: Đây là dạng kết hợp của 3 loại màu, màu đỏ (Red), màu xanh lá (Green), màu xanh dương (Blue). VD: color: rgb(255,0,0); // chuỗi giá trị từ 0 tới 255
Giá trị theo tên tiếng anh: tên màu sắc viết bằng tiếng anh. VD: color: red;
CSS viết
p.cssStyle { background: blue; }
Hiển thị trình duyệt:
Thành phần không có CSS.
Thành phần có CSS. Thành phần có CSS. Thành phần có CSS. Thành phần có CSS.
Thêm thuộc tính border để dễ thấy được chiều cao của thành phần.
Hiển thị trình duyệt:
Thành phần không có CSS.
Thành phần có CSS. Thành phần có CSS. Thành phần có CSS. Thành phần có CSS.
Thuộc tính width
Thuộc tính width được dùng để định dạng chiều rộng cho thành phần, nếu không sử dụng thành phần này thì chiều rộng mặc định của thành phần sẽ mang giá trị "auto".
Tham khảo thêm về thuộc tính width.
Cấu trúc
tag { width: giá trị; }
Giá trị có thể được tính theo các loại đơn vị khác nhau (thường dùng nhất là dạng điểm ảnh - px, phần trăm - %,em).
Thêm thuộc tính border để dễ thấy được chiều rộng của thành phần.
Hiển thị trình duyệt:
Thành phần không có CSS.
Thành phần có CSS. Thành phần có CSS. Thành phần có CSS. Thành phần có CSS.
Thuộc tính text-align
Thuộc tính text-align được dùng để sắp xếp vị trí cho thành phần, nếu không sử dụng thành phần này thì vị trí mặc định của thành phần sẽ mang giá trị "left".
Tham khảo thêm về thuộc tính text-align.
Cấu trúc
tag { text-align: giá trị; }
Thuộc tính text-align có các giá trị.
left: thành phần canh về phía bên trái
right: thành phần canh về phía bên phải
center: thành phần canh giữa
justify: thành phần canh đều 2 bên, thường dùng cho text
CSS viết
p.cssStyle { text-align: center; }
Hiển thị trình duyệt:
Thành phần không có CSS.
Thành phần có CSS. Thành phần có CSS. Thành phần có CSS. Thành phần có CSS.
Tạo file HTML và CSS có cấu trúc thư mục và nội dung như sau:
Cấu trúc thư mục
Html
Click vào dấu [+] để xem cấu trúc.
HTML viết
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Tiêu đề trang web</title> <link href="css/style.css" rel="stylesheet" type="text/css" media="screen,print" /> </head>
<body> <div> <p>Thành phần không có CSS.</p> <p class="cssStyle">Thành phần có CSS.<br /> Thành phần có CSS.<br /> Thành phần có CSS.<br /> Thành phần có CSS.</p> </div> </body> </html>
CSS viết
p.cssStyle { }
Hiển thị trình duyệt khi chưa sử dụng CSS
Thành phần không có CSS.
Thành phần có CSS. Thành phần có CSS. Thành phần có CSS. Thành phần có CSS.
Thuộc tính color được dùng để định dạng màu sắc cho thành phần.
Tham khảo thêm về thuộc tính color.
Cấu trúc
tag { color: giá trị; }
Giá trị của thuộc tính color: (Tham khảo)
Giá trị theo hệ thập lục phân: gồm dấu "#" kết hợp với dãy ký tự latin (chỉ bao gồm số hoặc chữ). VD: color: #ff0000;
Giá trị theo kết hợp màu RGB: Đây là dạng kết hợp của 3 loại màu, màu đỏ (Red), màu xanh lá (Green), màu xanh dương (Blue). VD: color: rgb(255,0,0); // chuỗi giá trị từ 0 tới 255
Giá trị theo tên tiếng anh: tên màu sắc viết bằng tiếng anh. VD: color: red;
CSS viết
p.cssStyle { color: #ff0000; }
Hiển thị trình duyệt:
Thành phần không có CSS.
Thành phần có CSS. Thành phần có CSS. Thành phần có CSS. Thành phần có CSS.
Thuộc tính font-size
Thuộc tính font-size được dùng để định dạng cỡ chữ cho thành phần.
Tham khảo thêm về thuộc tính font.
Cấu trúc
tag { font-size: giá trị; }
Giá trị có thể được tính theo các loại đơn vị khác nhau (thường dùng nhất là dạng điểm ảnh - px, phần trăm - %,em).
CSS viết
p.cssStyle { font-size: 200%; }
Hiển thị trình duyệt:
Thành phần không có CSS.
Thành phần có CSS. Thành phần có CSS. Thành phần có CSS. Thành phần có CSS.
Thuộc tính font-family
Thuộc tính font-family được dùng để định dạng kiểu chữ cho thành phần.
.jpg)
.jpg)
.jpg)
(Đưa chuột phải lên hình bạn chọn và click Properties để lấy link)
