# HG changeset patch # User Oleksandr Gavenko # Date 1319291641 -10800 # Node ID d69b7a836498d6f80944bffd2890a28170bf9a76 # Parent 793f6133d454abc0d182502c7245e60204b2946f CSS Browser support. diff -r 793f6133d454 -r d69b7a836498 css.rst --- /dev/null Thu Jan 01 00:00:00 1970 +0000 +++ b/css.rst Sat Oct 22 16:54:01 2011 +0300 @@ -0,0 +1,84 @@ +.. -*- coding: utf-8; -*- + +====== + CSS. +====== +.. contents:: + +Adding CSS to HTML. +=================== + +Include in head tag:: + + + + + + ... + + +or:: + + + + + +To change style in specific tag use:: + + Welcome! + +Selectors. +========== + + tag {} + .class {} + #id {} для id разрешены символы + * {} - любой элемент + + tag tag1 {} - выбор tag1, у которых есть предок tag + tag > tag {} - выбор дочернего элемента + tag + tag {} - выбор соседних элементов + tag ~ tag {} - выбор любого соседа + + [attr] {} + [attr="..."] {} + [attr~="..."] {} - присутствует слово ... в поле атрибута + [attr*="..."] {} - присутствует набор символов ... в поле атрибута + [attr^="..."] {} - начинается с ... в поле атрибута + [attr$="..."] {} - заканчивается на ... в поле атрибута + tag [attr|="..."] {} + + :link - не посещенные ссылки + :visited - посещенные ссылки + :active - нажатие на левую клавишу мыши на элементе + :hover - назначать при наведении + :focus - при фокусировке элемента + :first-child - первый подэлемент + :last-child - последний подэлемент + + :first-line + :first-letter - выбрать первую букву (не приминимо к inline элементам) + :before{content:"..."}, ставит перед контентом элементов строку xxx (можно + использовать счетчики) + :after{} - тоже, что и before, только ставит текст после контента тега + +Emacs. +====== +:: + + $ sudo apt-get install css-mode + +Graphical editor. +================= +:: + + $ sudo apt-get install cssed + +CSS Browser support. +==================== + + http://www.css3.info/modules/selector-compat/ + Compatibility table: CSS3 Selectors. +