CSS Browser support.
authorOleksandr Gavenko <gavenkoa@gmail.com>
Sat, 22 Oct 2011 16:54:01 +0300
changeset 1045 d69b7a836498
parent 1044 793f6133d454
child 1046 fed3bb94a948
CSS Browser support.
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::
+
+  <html>
+    <head>
+      <link href="path-to.css" rel="stylesheet" type="text/css">
+    </head>
+    ...
+  <html>
+
+or::
+
+  <head>
+   <style type="text/css">
+     h1 {border-width: 1; border: solid; text-align: center}
+   </style>
+  </head>
+
+To change style in specific tag use::
+
+  <b style="color: blue; font-family: ariel">Welcome!</b>
+
+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.
+