Máy tínhLập trình

Gạch trang trí CSS-yếu tố

stylesheet công nghệ có hai chức năng trong việc thiết kế HTML trang. Đầu tiên, với sự giúp đỡ của nó, có một vị trí hình thành của các yếu tố cá nhân của trang web. Thứ hai, nó làm cho các đơn vị trực quan hấp dẫn cho người dùng. Thực hiện các chức năng thứ hai xảy ra trong nhiều cách khác nhau. Một trong số đó - nhấn mạnh. CSS cung cấp cho trang trí giáo khoa thuộc tính này.

kỷ lục thuộc tính đặc điểm kỹ thuật

Sử dụng giáo khoa hữu trang trí rất đơn giản. Đủ để đăng ký trong các mã tập tin CSS, dòng sau cho mục:

trang trí giáo khoa: znachenie_atributa;

Thay vì "znachenie_atributa» đặc điểm kỹ thuật CSS cung cấp một số tùy chọn:

  • nhấn mạnh - dòng nằm ngay bên dưới văn bản;
  • overline - dòng chạy từ phía trên cùng của văn bản;
  • none - việc loại bỏ tất cả các hiệu ứng trang trí;
  • kế thừa - thông qua giá trị của phần tử cha mẹ.

Trên đây là không phải tất cả các hình thức có thể ghi, như thuộc tính này xác định không chỉ là dấu gạch dưới CSS, nhưng các hiệu ứng khác, chẳng hạn như "chớp" hoặc văn bản gạch ngang.

Ví dụ về các siêu liên kết thiết kế

Người mới bắt đầu trong thiết kế web và lập trình, câu hỏi đặt ra: tại sao những điểm mấu chốt trong văn bản? Vào buổi bình minh của thời đại của công nghệ internet phương pháp này phân bổ của người sử dụng thực tế là trước mặt anh là một siêu liên kết - văn bản, bằng cách nhấp vào đó sẽ được thực hiện việc chuyển đổi sang một trang mới.

Theo mặc định, tài sản Hyperlink thiết gạch dưới. Trong thực tế, có một vấn đề để loại bỏ các dòng từ các thiết bị không hoạt động và làm cho nó có thể nhìn thấy như người dùng di chuyển con trỏ chuột. Dưới đây là một ví dụ về mã mà vô hiệu hóa các liên kết gạch CSS:

a {text-decoration: none; }

Cho các liên kết hoạt động sử dụng các mục sau đây:

a: hover {text-decoration: underline;}

gạch trang trí cho tiên tiến

thuộc tính tiêu chuẩn giáo khoa trang trí có một số hạn chế:

  • màu đường khác nhau từ màu sắc của văn bản liên kết, nó là không thể phân biệt giữa "màu" của họ;
  • Chỉ có dòng rắn được sử dụng như là dấu gạch dưới. CSS không liên quan đến việc sử dụng các phong cách khác của nhãn hiệu.

Nhưng kỹ thuật đặc biệt giúp bypass giao diện cổ điển của văn bản. Trong trường hợp đầu tiên, để thiết lập một siêu liên kết sử dụng thẻ tùy chọn .

Ví dụ:

"> siêu liên kết

. >

Kết quả là, từ trên trang siêu liên kết sẽ được viết bằng màu xanh và màu của đường sẽ có màu đỏ.

Một phương pháp tiên tiến cho phép CSS gạch, - border-bottom. Ví dụ dưới đây minh họa việc sử dụng nó:

a {border-bottom: 1px solid red;}

Kết quả sẽ được giống như trong ví dụ trước. Nhưng phương pháp này có một lợi thế quan trọng. Ngoài việc thay đổi màu đường (hiện thiết lập màu đỏ - màu đỏ), nó có thể chuyển đổi các phương pháp công nhận Công nhận:

  • rải rác - làm điểm nhấn;
  • tiêu tan - dòng bao gồm đột quỵ;
  • đôi - vẽ một dòng kép.

Vì vậy, thuộc tính dưới border- là chức năng hơn. Ngoài việc hiển thị các dòng trang trí bên dưới văn bản, nó làm cho nó có thể để tùy chỉnh xuất hiện của nó.

Similar articles

 

 

 

 

Trending Now

 

 

 

 

Newest

Copyright © 2018 vi.atomiyme.com. Theme powered by WordPress.