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)
