Bố cục CSS
Dành cho những người chưa hiểu về CSS
/* a là giá trị link */ a:link { color: #0000ff;/* màu Link mặc định */ }
/* màu linh đã truy cập */ a:visited { color: ff0000; }
/* màu khi ghê chuột */ a:hover { color: 00ffff; }
/* màu linh đã được chọn */ a:active { color: ff00ff; }
P và DIV/*là giá trị được chọn cho css*/
p { font-family: 'Dancing Script', cursive;/* kiểu font chữ đẹp*/
font-family : tahoma; /* phông chữ thường dùng*/
color: #0000ff;/* màu chữ */ background:url(http://dat0007.sextgem.com/Css/cho.gif) 100% top repeat-x #ffeeff;/*hình màu nền */
border-bottom-left-radius: 15px;/* bo tròn gốc bên trái phía dưới */
border-bottom-right-radius: 15px; /* bo tròn góc phải phía dưới */
border-top-left-radius: 15px;/* bò tròn góc trái phía trên */
border-top-right-radius: 15px;/* bo tròn góc phải phía trên */
text-align: center; border-radius: 15px;/* bo tròn 4 góc */
border: 5px solid #ff0000;/* cỡ đường viền */
border: 1px dotted #ff0000;/* cỡ đường viền */
Loại đường viền.
border________
solid ________
dashed --------
dotted ........
font-size: 15px; /* cỡ chữ */
line-height: 24px; /* chỉnh vòng chữ Xa gần */
margin: +50px 5px; /* lên xuống dòng và khoảng cách */
overflow: auto; /* chặn ký tự tràn ra ngoài*/
padding: 0px;/* mở rộng khung */
text-align: left;/* chữ bên trái */
background-color: #eee;/* màu nền */
margin: 100;/* lề 4 phía Nếu trong CSS không có width và height*/
width: 340px;/* chiều ngang */
height: 90px;/* chiều cao */
overflow: auto; /* chặn ký tự tràn ra ngoài */
margin-left:-6px;/* chỉnh khung chử qua lại Có thể thay left bằng right cho chiều ngược lại. */
margin-top:-1px;/* chỉnh khung lên xuống */ }
Cú pháp chuyển đổi chữ hoa"
.chuhoa { text-transform: uppercase;{ /* biến đổi văn bản chữ hoa*/}
Cú pháp sẻ là <div class="chuhoa">nội dung</div>
p::first-line { color: #ff0000; font-variant: small-caps;/* biến thể phone chữ viết hoa vòng đầu*/}
Cú pháp sẻ là <p>nội dung</p>
p::first-letter { color: #ff0000; font-size: 55xx-large;/* biến thể phông chữ viết hoa chữ cái đầu*/}
Cú pháp sẻ là <p>nội dung</p>
p.intro::first-letter{/* biến thể ký tự đầu màu đỏ*/ color: #ff0000; font-size:200%;}
Cú pháp sẻ là <p class="intro">nội dung</p>
chữ cái đầu tiên nó sẽ là màu đỏ. Dat007 Xin chào các bạn đến với website của Dat007 mình cũng là một nhà nghiên cứu về lập trình có gì sai xót Mong các bạn góp ý xin chân thành cãm ơn Dat007 Xin chào các bạn đến với website của Dat007 mình cũng là một nhà nghiên cứu về lập trình có gì sai xót Mong các bạn góp ý xin chân thành cãm ơn
Trong bài viết về làm Khung CSS mình đã chia sẻ cho các bạn Đạt 80% mình không thể viết hết vì bao nhiêu là đủ rồi.
📺 Các bạn tìm hiểu thêm tại đây
Khung Css
Kết quả