Hoàn thiện với CSS
- August 21, 2009
- 68 comments
Đây là phần 2 của Series “Tạo trang web bằng HTML”. Trong phần này chúng ta sẽ sử dụng CSS để hoàn thành giao diện đã tạo ở phần trước. Tuy giao diện này không phức tạp, nhưng tôi cũng sử dụng rất nhiều những kỹ năng CSS mà bạn đã học ở những tutorial text trong phần CSS Basic rồi. Nếu có chỗ nào không hiểu, bạn có thể tham khảo lại phần CSS basic.
Thời lượng: 22:44
Xem demo: Xem trước kết quả cuối cùng
Link Download: Định dạng .mp4 chất lượng cao hơn Medifire, MegaUpload
Các phần khác: Phần 1
mình muốn hỏi ở đoạn này thay vì gõ là
#footer_info div.division{..}
mình có thể gõ là : .divison {..}
được không.
Tức sắc nhị không. không tức nhị sắc
ài cái màu đó nói là: màu xám đc ko ta. xám xám như cái chất xám haizzzz.
Thank bạn DM
Chưa bao giờ em cảm thấy say mê học css như lúc này, cả tuần nay em chỉ vào web của anh học và học, anh đúng là thần tượng của em, bao nhiêu kiến thức ở đây có lẽ trong thời gian dài em mới học hết được nhưng thực sự những video của anh em đều thấy anh rất tâm huyết và thực sự chia sẻ vốn hiểu biết đó với bọn em, em cảm ơn anh rất nhìu …..
nhờ anh DM mà em đã hiểu về CSS .cám ơn anh rất nhiều
thanks rất nhiều!!
chào bạn
video của bạn rất hay và hữu ích vì thế mình xin đăng video này lên laptrinh.tv
bằng tài khoản của mình nếu có gì thắc mắc bạn vui lòng liên hệ 01658815514
anhdiepmmk
thân
Cho em hỏi cái cách sài auto đánh văn bản trong phần mềm e texteditor, với lại phần auto reset CSS trong phần Edit CSS trong tool CSS edit trong firefox được không anh.
Em cám ơn.
And DW ơi, cho em hỏi chút ạ.
Như anh hướng dẫn code CSS phía trên có 2 dòng code như sau ạ:
-moz-border-radius:10px;
-webkit-border-radius:10px;
Em biết 2 dòng code này dùng để bo tròn góc nhưng khi em lên W3C để Validate thì nó lại báo là
W3C CSS Validator results for style.css (CSS level 3)
Sorry! We found the following errors (4)
URI : style.css
58 #main_nav ul li a:hover Property -moz-border-radius doesn’t exist : 5px
59 #main_nav ul li a:hover Property -webkit-border-radius doesn’t exist : 5px
75 #main_content Property -moz-border-radius doesn’t exist : 10px
76 #main_content Property -webkit-border-radius doesn’t exist : 10px
Anh làm ơn chỉ dùm em cách sửa được không ạ.
Thanks anh.
anh oi cho em hoi cai bai css dau tien ma chua hoan thien o dau cach demo the nao ma bai hoan thien lai co san roi .Anh cho em xin doan demo va code cua css dau duoc khong
bạn click vào link này là ok.Đây là phần 1 Click
Thanks anh rất nhiều
Cảm ơn anh Demon rất nhiều!
Jup mjh lap 1trang wep voj.tkank cac pan nkieu
hj. Bạn muốn mọi người làm giúp bạn sao? hãy tự học đi nhé.
Tuy em không hiểu lắm, những cũng rất cảm ơn anh đã giảng giải chi tiết.
Thank you very much.
Minhquang
[...] Chắc chắn bạn cũng đang rất háo hức được làm một trang web bằng HTML từ vạch xuất phát đúng không? Bạn không phải đợi lâu!! sau 2 video tutorial hướng dẫn những điều cơ bản về HTML. Trong series gồm 2 phần này, tôi sẽ hướng dẫn bạn cách tạo một trang web bằng HTML hoàn toàn từ đầu. Đây là phần 1 của series và là phần viết code HTML. Thời lượng: 22:22 Các phần khác: Phần 2 [...]
[...] .mp4 chất lượng cao hơn Medifire, MegaUpload Các phần khác: Phần 1 Tham khảo: http://www.izwebz.com/video-tutorials/css-html/tao-giao-dien-voi-css/ Share this:TwitterFacebookLike this:LikeBe the first to like this post. Categories: Tutorial [...]
[...] lượng: 22:22 Các phần khác: Phần 2 Tham khảo : http://www.izwebz.com/video-tutorials/css-html/tao-trang-web-dau-tien/ Share [...]
Bắt đầu bị nghiện DW này thật rồi … bài giảng khá thú vị và dễ hiểu thỉnh thoảng lại tếu làm bài học đỡ căng thằng ^^ … mà sắc tức nhị không – không tức nhị sắc là = Đen & Trắng hoặc ngược lại đúng không bác
Thanks a nhiều nhiều. Thật là hữu ích!!!!!
hay quá. Em cảm ơn anh nhiều vì đã tạo ra nhiều video bổ ích.
Chúc anh luôn vui vẻ và hạnh phúc
Anh DW làm sao để chúng ta tạo cái đoạn khi gõ reset CSS thì nó tự động đánh.
Em biết viết đoạn CSS nhưng ko biết làm sao để cho nó tự động đánh như vậy khi chúng ta muốn reset CSS
khong hiểu thế nào nhưng tớ cũng đang quan tâm đến vấn đề đo nè khó hiểu quá
Cái reset CSS anh ấy dùng texter nên mí auto đc như vậy. Đây là đoạn code reset các bạn nhé!
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
display: block;
}
body {
line-height: 1;
}
ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: ”;
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
cám ơn rất nhiều. hồi chiều mạng em củ chuối nên đặt câu hỏi mà ko thấy cứ tưởng chưa được nhưng bay giờ thấy đến 3 comment thành ra comment spam. em xin lỗi, cuối cùng cũng làm được như 2 cái video hướng dẫn. mừng quá. cám ơn mọi ngưởi
anh cho em hỏi cái. sao em gõ Reset CSS trong Edit CSS nó lại ko ra cái gì hết vậy( Nó ko ra như cái video ở trên). em dùng Notepad để viết code HTML. em mới học có vài ngày nên câu hỏi hơi ngu mong anh DW chỉ dùm em cái. em cám ơn nhiều
sao em gõ Reset CSS trong Edit CSS ko ra gì hết vậy anh DW. em dùng Notepad để làm code HTML. anh chỉ cho em cách reset CSS như video ở trên cái, em mới học web vài ngày nên câu hỏi hơi ngu một chút
sao em gõ Reset CSS trong Edit CSS lại ko ra cái gì hết vậy. anh DW có thể cho em biết tại sao ko vậy, em mới học có vài ngày nên câu hỏi hơi ngu một chút
thanks anh DW.em mới làm quen với web, những video cực hay. nhưng cho em hỏi chút về cái video Hoàn Thiện với CSS này. em đã tạo được trang html như cái video Tạo trang web bằng HTML phần 1 rồi. nhưng phần 2 tới phần CSS thì lại ko biết. Em dùng trên notepad thì ko có cái lệnh Reset Setting trong Edit CSS, nên tới đây bí. anh có thể cho em biết làm sao ko ạ, hay là phải cài TextEditor. em mới làm quen có mấy ngày à, nên câu hỏi có lẽ hơi ngu một tí
Anh ơi em đọc thấy có 1 bạn hỏi câu hỏi như sau:
“Anh cho em hỏi, nếu em có 2 div, 1 div nằm bên trái, 1 div nằm bên phải. Làm thể nào khi chiều cao của div bên phải tăng lên thì chiều cao của div bên trái cũng tự động tăng theo? Nếu được thì anh viết 1 bài nhé. Không thì anh mail cho em cũng được. Thank anh nhiu ^^”
Trong video:”Tạo trang web bằng HTML”
Nhưng em ko thấy câu trả lời của anh nằm ở góc nào cả. Anh có thể send câu trả lời của anh vào mail của em được ko ạ.Em cảm ơn anh nhiều
Anh cho em hỏi, nếu em có 2 div, 1 div nằm bên trái, 1 div nằm bên phải. Làm thể nào khi chiều cao của div bên phải tăng lên thì chiều cao của div bên trái cũng tự động tăng theo? Nếu được thì anh viết 1 bài nhé. Không thì anh mail cho em cũng được. Thank anh nhiu ^^
Cám ơn Demon nhiều lắm.