Tải tài liệu lên 123doc

Tải tài liệu lên 123docTải tài liệu lên 123docTải tài liệu lên 123docTải tài liệu lên 123docTải tài liệu lên 123docTải tài liệu lên 123docTải tài liệu lên 123docTải tài liệu lên 123docTải tài liệu lên 123docTải tài liệu lên 123docTải tài liệu lên 123docTải tài liệu lên 123docTải tài liệu lên 123docTải tài liệu lên 123docTải tài liệu lên 123docTải tài liệu lên 123docTải tài liệu lên 123docTải tài liệu lên 123docTải tài liệu lên 123docTải tài liệu lên 123docTải tài liệu lên 123docTải tài liệu lên 123docTải tài liệu lên 123docTải tài liệu lên 123docTải tài liệu lên 123docTải tài liệu lên 123docTải tài liệu lên 123docTải tài liệu lên 123docTải tài liệu lên 123docTải tài liệu lên 123docTải tài liệu lên 123docTải tài liệu lên 123docTải tài liệu lên 123docTải tài liệu lên 123docTải tài liệu lên 123docTải tài liệu lên 123docTải tài liệu lên 123docTải tài liệu lên 123docTải tài liệu lên 123docTải tài liệu lên 123docTải tài liệu lên 123docTải tài liệu lên 123docTải tài liệu lên 123docTải tài liệu lên 123docTải tài liệu lên 123docTải tài liệu lên 123docTải tài liệu lên 123docTải tài liệu lên 123docTải tài liệu lên 123docTải tài liệu lên 123docTải tài liệu lên 123docTải tài liệu lên 123docTải tài liệu lên 123docTải tài liệu lên 123docTải tài liệu lên 123docTải tài liệu lên 123docTải tài liệu lên 123docTải tài liệu lên 123docTải tài liệu lên 123docTải tài liệu lên 123docTải tài liệu lên 123docTải tài liệu lên 123docTải tài liệu lên 123docTải tài liệu lên 123docTải tài liệu lên 123doc

Trang 1

CSScascading style sheets

- giới thiệu: là ngôn ngữ hỗ trợ html (font, màu chữ, màu nền, đường viền ) qua cặp

thuộc-tính:giá_trị, dùng các kiểu nhúng css vào code của html, style=”danhsach_thuộc_tính” là các nhúng Css vào html

Sử dụng CSS có 3 cách: inline, internal, external

inline CSS:

đặt thuộc tính style trong thẻ mở của thuộc tính HTML

<div style=”width=50px,height=50px,background-color:oranger”></div> // vẽ 1 hình vuông màu cam

Internal CSS:

Ta đặt các cặp thuộc tính định dạng CSS vào bên trong cặp thẻ <style

type="text/css"></style> (cặp này phải đăt trong cínhặp thẻ head )

cấu trúc:

tên_thẻ{

thuộc_tinh:giá_tri;

}

tên_thẻ{…}

</style>

sau khi đã được định nghĩa các thẻ đó sau này được gọi sẽ luôn chứa các thuộc tính đó

External CSS

- tạo ra 1 file.txt → đổi đuôi thành css

viết các thẻ cùng định dạng thêm vào

dinhdang.css:

h1 {

color:red;

font-size:50px;

font-family:Courier;

}

h2{ }

web.html:

<head>

</head>

<body>

dùng như internal CSS

</body>

Thuộc tính id: dùng để chứa thuộc tính cài sẵn cho vào 1 thẻ bất kỳ:

Dấu # để khai báo 1 id

tương tự như cài thuộc tính cho 1 thẻ:

#abc {

background-color: black;

color: white;

font-size: 30px;

Trang 2

background-color: red;

color: green;

font-size: 50px;

}

</style>

sử dùng, thêm trường id=tên_id (là phần tên bỏ đi dấu #) vào trong thẻ mở của bất kỳ cặp nào

phần tử khối

thuộc tính display: inline-block biến pt khối thành pt inline

- phần tử khối: (block-element) là phần tử của html mà nó được dùng nguyên 1 dòng hoặc hơn, tức

nó luôn bắt đầu ở 1 dòng mới và phần tử sau đó không được ở cùng dòng nó đang ở:

các phần tử khối bao gồm:

<

address >

<

article >

<

aside >

<

blockquote >

<

canvas >

<

dd >

<

div >

<

dl

<

dt >

<

fieldset >

<

figcaption >

<

figure >

<

footer >

<

form >

<

h1 > - < h6 >

<

header >

<

hr >

<

li >

<

main >

<

nav >

<

noscript >

<

ol

<

output >

<

p >

<

pre >

<

section >

<

table >

<

tfoot >

<

ul

<

video >

phần tử nội tuyến(inline element)

Phần tử nội tuyến:

Không được bắt đầu trên một hàng mới (trừ trường hợp trước nó là một phần tử khối) Chiều rộng của nó phụ thuộc vào chiều rộng phần nội dung của nó

<

a >

<

abbr >

<

acronym >

<

b >

<

bdo >

<

big >

<

br >

<

button >

<

cite >

<

code >

<

dfn >

<

em >

<

i >

<

img >

<

input >

<

kbd >

<

label >

<

map >

<

object >

<

q >

<

samp >

<

script >

<

select >

<

small >

<

span >

<

strong >

<

sub >

<

sup >

<

textarea >

<

time >

<

>

Trang 3

Thẻ <div>

Thẻ <div> là một phần tử khối và có thể dùng để chứa các phần tử khác

Thẻ <div> không có định dạng gì đặc biệt Nó thường được dùng để nhóm các phần tử HTML lại thành một khối, tiện cho việc định dạng tập thể

Thuộc tính:giá_trị

display Inline-block Các thẻ chở thành phần tử

inline

Background-color

Red, green, blue Màu nền của 1 phần tử html

medium Solid Vertical-align Middle Cân chỉnh giữa nhiều đối

tượng(ảnh,khối) theo trục lằm ngang(bằng đầu, bằng tâm, bằng đáy)

Top-text top

tự(độ cao dòng = height thì chữ nằm chính giữa khối) Text-align Center,left,right Căn chuỗi ký tự theo chiều

ngang của dòng

overline Dòng kẻ trên đầu chuỗi ký

tự.

Line-through

This is heading 2

underline

Gạch dưới Underline overline

Gạch cả trên lẫn dưới

Transition Width 2s

Hiệu ứng kéo theo chiều dài trong 2s

đòi hỏi phải có kích thước đầu ở thuộc tính ban đầu và kinh thước

Trang 4

sau ở thuộc tính thay đổi

Chỉnh độ lớn chữ

transform translate (-90px,

170px) Di chuyển đối tượng xuống

170px và tiến sang trái 90px

rotate(-45deg)

Quay đối tượng 45độ ngược chiều kim đồng hồ

Độ nhìn rõ 0%

Chuyển 1 phầm tử thành 1 nút thao tác

Html

đoạn nội dung mờ không thao tác được

Tạo 1 ô nhập text

Tạo 1 nút

Đăt tên

Hành động sẽ thực hiện nếu ấn nút submi Định nghiã trong thẻ form

Thẻ Script

Trong thẻ script ta có thể viết viết mã, đối tượng, hàm thuộc về ngôn ngữ javascript

<script>

</script>

Nth-child:

P:nth-child(x){….} // thẻ <p> thứ x sẽ có hiệu ứng của nth-child

Div:nth-child(an+b){…}// thẻ <div> thứ an+b(với a,b là hằng số, n chạy từ 0-> vô cùng) sẽ có hiệu ứng của nth-child

Định dạng
Số trang	4
Dung lượng	28,92 KB