Thứ Hai, 19 tháng 9, 2016

[CTF]

Chơi CTF mảng javascript trên Hack this

Level 1:

Đơn giản chỉ là password bằng biến correct . Biến correct được khai báo ngay trong mã nguồn. Dùng Ctr + F trong mã nguồn là tìm thấy giá trị của password.

Level 2:

Coppy toàn bộ đoạn tính length vào console và enter sẽ ra độ dài là 9. Gõ 1 password bất kỳ có độ dài là 9 vào là được.

Level 3:

Trong level này password được định dạng là bằng thecode và giá trị thecode = 'code123'  tuy nhiên cái thecode này đã bị biến đổi ở một vị trí nào đó mà không biết. Vào console gõ javascript.alert(thecode); Ta sẽ nhận được giá trị của password. 

Level 4:

Trong level này khi nhấn nút show hint ở góc trái màn hình nó hiển thị  This isn't the page I was looking for...  
Từ thanh showhint kéo lên trên thanh tìm kiếm thì ra được 1 trang có link: https://www.hackthis.co.uk/levels/javascript/4?input#
Một điều đặc biệt mà các level trước không có là ở tham số input thay input thành output cũng ra 1 trang có link:
https://www.hackthis.co.uk/levels/javascript/4?input#
View sources ta Ctr+F với pass  ta thấy được có dòng ghi là: 
<div class='center'>The password is: smellthecheese</div>

Level 5:

Chủ Nhật, 18 tháng 9, 2016

[Web Developer]

CSS Nâng cao

- *     :                 Chọn tất cả các đối tượng
- p>e :                 Chọn đối tượng e nằm trong đối tượng cha trực tiếp là  p

           Ví dụ: <p> <e></e></p>
- a e :                Chọn đối tượng e có thể trực tiếp hoặc không trực tiếp phải có a là cha
           Ví dụ:

                     <p>
                         <form>
                                  <e></e>
                         </form>
                     </p>

- prev + e: Chọn đối tương e có đối tượng liền trước được chọn là prev.


Bộ chọn giả:


:hover   Khi di chuột đến thì mới dùng định dạng css
              Ví dụ:   input:hover

:focus: Khi đặt chuôt vào phần tử đó.

:first-letter
:first-line
s1,s2....sn{

}

Thứ tự ưu tiên:

- Ưu tiên phần tử trong style trước.

Positive:
-static: Luồng bình thường.

- relative: Vị trí tự nhiên của nó. Xác định độ dời so với vị trí tự nhiên
                 posivtive: relative;
                 top;5px;
                 heigth:10px; 

- fixed: Cố định so với cưa sổ
- absoluted: Kiểu tuyệt đối: Tương đối so với một  đối tượng không theo kiểu static. Khi một đối tượng cha là relative thì đối tượng absoluted sẽ dời so với đối tượng cha gần nhất là relative này.
Đặt trôi:
-float:
clear:left/right/both; để dừng trôi cho các đối tượng gần