CSS căn bản

Lập trình viên Front-end cần chịu trách nhiệm về các đầu việc như: tham gia phát triển các dự án về Web KiotViet, chuyên xây dựng các chức năng frontend của Website, Web application, triển khai giao diện HTML/CSS Javascript theo yêu cầu của khách hàng trên hệ thống website xây dựng sẵn hỗ trợ Responsive... Ngoài ra, các bạn có thể tham khảo thêm về công việc của các vị trí khác trong khối phòng Công nghệ thông tin - IT qua 1p lottexylitol 24-06-2019 55 6   Download

Bài giảng HTML & CSS do Lương Trần Hy Hiến biên soạn trình bày về HTML (cấu trúc trang web, các thẻ căn bản, form nhập); CSS (class selector, ID Selector, HTML Selector, Inline Style). Mời các bạn tham khảo bài giảng để hiểu rõ hơn về những nội dung này.

14p cocacola_10 02-12-2015 249 61   Download

Bài giảng này giới thiệu cho người học về học phần Thiết kế và lập trình web. Học phần này gồm có 5 nội dung mà người học cần phải nắm bắt, đó là: Tổng quan về thiết kế và lập trình web, HTML, Cascading Style Sheet (CSS), JavaScript – DOM_HTML, lập trình web với PHP. Mời các bạn cùng tham khảo để nắm bắt các nội dung chi tiết.

8p namthangtinhlang_02 05-11-2015 111 11   Download

Việc viết mã CSS cũng giống như bạn lập trình với ngôn ngữ PHP, C#,... tất cả đều cần có một bố cục khoa học, hệ thống để dễ dàng phát triển cũng như kiểm tra phát hiện lỗi (nếu có). Dưới đây là một vài hướng dẫn giúp bạn làm việc với CSS khoa học hơn: Chú thích cho mã CSS giúp người khác đọc file CSS sẽ biết thêm những thông tin cần thiết về file CSS nói riêng và về tác giả nói chung. Việc chú thích mã ở những ngôn ngữ khác quan trọng ra sao...

5p bunmam_1 15-05-2013 71 6   Download

Như chúng ta đã biết ở bài viết trước mình đã có lần để cập đến vấn đề "làm việc tốt với các trình duyệt (browser)" bằng cách sử dụng CSS để xóa đi những định dạng mặc định của từng browser. Lần này, các bạn sẽ được biết đến những điều cần tránh trong khi viết mã HTML và CSS nếu bạn muốn website của mình hiển thị tốt ở hầu hết các browser.

4p bunmam_1 15-05-2013 105 6   Download

Đối với một Web Designer không biết về CSS thì quả thực sẽ là một thiệt thòi rất lớn, nếu không muốn nói là kém. Vậy bài viết này sẽ trang bị cho các bạn những kiến thức cơ bản cần và đủ là thiết kế một temp cho website hoàn chỉnh. - Việc đầu tiên các bạn cần phải quan tâm đối với CSS đó chính là sự tương thích với các trình duyệt web. Trên thế giới hiện nay có rất nhiều trình duyệt khác nhau, nhưng có lẽ được tin dùng nhất chính là Mozila Firefox và...

12p bunmam_1 15-05-2013 109 9   Download

Tự làm extension đơn giản cho trình duyệt Opera .Trong bài viết dưới đây, chúng tôi sẽ giới thiệu với các bạn một số bước cơ bản để tìm hiểu về cấu trúc cơ bản, cách xây dựng và thiết kế 1 extension cho trình duyệt Opera. Tuy nhiên các bạn cần phải có kiến thức cơ bản về CSS và JavaScript để thực hiện mọi việc đơn giản hơn. Cụ thể trong bài thử nghiệm này, chúng tôi sẽ hướng dẫn các bạn cách tạo extension để hiển thị hoặc giấu những phần nhất định khi truy cập 1 website...

12p quynho77 14-11-2012 77 5   Download

Nếu bạn là người thực sự muốn tìm hiểu về CSS, thì bạn không thể không tìm hiểu cách viết giản lược(shorthand) trong CSS. Cách viết này thực sự mang lại những lợi ích và tiện lợi khi bạn sử dụng CSS. Trước khi đi vào phân tích những tiện lợi mà nó mang lại, tôi xin lấy một ví dụ đơn giản như sau. Giả sử rằng chúng ta muốn định dạng cho một thẻ có đường viền bao quanh thì chúng ta cần phải viết. border-width: 1px; border-style: solid; border-color: #CC0000; Thay vì phải viết như vậy...

6p abcdef_44 31-10-2011 116 17   Download

Thuộc tính Outline sẽ vẽ một đường bao ngoài toàn bộ một phần tử HTML, đối với phần tử có đường viền (border) thì đường bao này sẽ bao trọn đường viền của phần tử đó. Cũng tương tự như đường viền bạn có thể đặt cho nó các thuộc tính về màu săc, độ lớn và kiểu. Có một điều cần chú ý là các thuộc tính của đường bao này có thể không được hỗ trợ trên IE 01Đặt thuộc màu cho đường bao Nếu muốn đặt màu cho đường bao chúng ta có thể sử dụng thuộc...

4p abcdef_44 31-10-2011 75 5   Download

Trong bài mở đầu này chúng ta sẽ đi tìm hiểu một số khái niệm và đặc tính của CSS, mà chúng ta cần chú ý trong suốt quá trình làm việc với CSS I. CSS là gì CSS (Cascading Style Sheets) được hiểu một cách đơn giản đó là cách mà chúng ta thêm các kiểu hiển thị (font chữ, kích thước, màu sắc...) cho một tài liệu Web II. Một số đặc tính cơ bản của CSS 1. CSS quy định cách hiển thị của các thẻ HTML bằng cách quy định các thuộc tính của các thẻ...

3p abcdef_44 31-10-2011 170 34   Download

Trong quá trình thực hành và làm việc với CSSCascading Style Sheets chúng ta sẽ gặp những vấn đề xảy ra rất thường xuyên, để giải quyết chúng một cách nhanh chóng thì chúng ta cần phải biến những cách xử lý của các vấn đề đó trở thành những phản xạ của riêng mình. Do đó trong bài viết này tôi xin tổng hợp ra mười thủ thuật về CSSCascading Style Sheets mà bạn cần phải biết và biến chúng thành những kỹ năng của mình. Tôi hy vọng rằng sau khi đọc xong bài viết này các bạn...

6p abcdef_44 31-10-2011 110 19   Download

Bài viết này sẽ kết hợp giữa CSS với DreamWeaver 8 để làm một cái menu xổ ngang màn hình mỗi khi di chuột qua.Hiệu ứng này bạn có thể thấy ở những trang web chuyên nghiệp.Để làm được nó bạn phải có kiến thức về JavaScript kha khá.Nhưng trong khuôn khổ bài viết này mình sẽ hướng dẫn các bạn làm đúng như thế mà không cần biết 1 tý gì về javascript vì ta hoàn toàn dùng công cụ trong Dreamweaver 8....

10p baphuc1024 07-09-2011 186 19   Download

Bài tập 7: Dùng css áp dụng dóng hàng khi thiết kế form không dùng thẻ Table theo hình mẫu:

6p xitin10 21-06-2011 534 170   Download

Bài tập 4: Mô hình định dạng bảng đơn giản dùng CSS: Định dạng Font chữ, cỡ chữ khoảng các lề, có viền, màu nên cho dòng tiêu đề . .. . theo hình mẫu:

6p xitin10 21-06-2011 497 177   Download

Bài tập 1: Tạo trang mô hình về định dạng văn bản: Định nghĩa thẻ tiêu đề H1, H2 và thẻ P có mà tùy ý và áp dụng vào 3 dòng đầu. Dùng thẻ Span thực tạo điểm nhấn: Tô sáng nền, chữ đậm áp dụng vào dòng thứ 4.

6p xitin10 21-06-2011 773 182   Download

Trong hầu hết mọi trường hợp khi sử lý CSS bạn đều rất đau đầu khi cần ie6 hiểu ý bạn. Cách thức tạo menu subnav dưới đây sử dụng css kết hợp Jquery rất đơn giản tuy nhiên hiệu quả thật mỹ mãn. Bạn hoàn toàn có thể kết hợp với việc truy vấn từ DB Điều cần thiết khi tạo sub menu là bạn cần tách biệt sub menu ra khỏi menu chính bằng thẻ . Tất nhiên bạn có thể có lựa chọn khác như dùng tiếp thẻ ul . ...

5p haitk38 25-04-2011 287 41   Download

Các bạn có thể tải các file demo ở link sau : http://www.mediafire.com/?o4c8upd8pmlys7p Trong các web site các thanh menu đã trở thành quen thuộc và đóng một vai trò rất quan trọng.Trong bài học này chúng ta sẽ học cách sử dụng CSS để tạo nên các menu cho trang web. Trước khi đi vào vấn đề cụ thể các bạn cần chú ý rằng, thực ra menu bar của trang web cũng chỉ là một danh sách các link mà thôi.Chính vì vậy mà khi làm các menu này các bạn có thể thấy rằng các nhà phát...

18p toiditimtoi992 11-04-2011 409 130   Download

Căn bản về CSS CSS là từ viết tắt của Cascading Style Sheets : công dụng dùng để trang trí trang web của bạn, và thông thường được gắn với các ngôn ngữ như là HTML, PHP, dùng làm nổi bậc trang web...

9p libiquoc 27-03-2011 279 99   Download

Tăng tốc, tối ưu hoá cho Joomla 1.5x Tối ưu Template Joomla có một hệ thống template cực kỳ phong phú và phần lớn trong số chúng đều trông rất đẹp, tuy nhiên không phải template nào cũng tuân theo chuẩn và đạt yêu cầu về tốc độ. Do vậy để tối ưu Template bạn cần chú ý một số vấn đề sau: - Thiết kế Website theo chuẩn (HTML và CSS) để các trình duyệt có thể tính toán nhanh chóng và hiển thị chính xác những gì bạn muốn hiển thị. - Tránh sử dụng các ảnh có kích thước...

4p jupyter2425 20-03-2011 150 16   Download

Tăng tốc tối ưu hoá cho foomla 15x Tối ưu Template Joomla có một hệ thống template cực kỳ phong phú và phần lớn trong số chúng đều trông rất đẹp, tuy nhiên không phải template nào cũng tuân theo chuẩn và đạt yêu cầu về tốc độ. Do vậy để tối ưu Template bạn cần chú ý một số vấn đề sau: - Thiết kế Website theo chuẩn (HTML và CSS) để các trình duyệt có thể tính toán nhanh chóng và hiển thị chính xác những gì bạn muốn hiển thị. - Tránh sử dụng các ảnh có kích...

5p jupyter2425 19-03-2011 118 16   Download