Cascading Style Sheets CSS - презентация, доклад, проект скачать

Нажмите для полного просмотра!

Содержание ▲

Вы можете ознакомиться и скачать презентацию на тему Cascading Style Sheets CSS. Доклад-сообщение содержит 18 слайдов. Презентации для любого класса можно скачать бесплатно. Если материал и наш сайт презентаций Mypresentation Вам понравились – поделитесь им с друзьями с помощью социальных кнопок и добавьте в закладки в своем браузере.

Слайды и текст этой презентации

Слайд 1

Описание слайда:

Computation and Problem Solving Cascading Style Sheets (CSS) Korzhumbayev Azamat

Слайд 2

Описание слайда:

Values - Colors Colors is either a keyword (e.g. white, red), or a numerical RGB notation. A numerical RGB notation can be: An RGB value in hexadecimal notation, which is a ‘#’ immediately followed by a 6 digit or 3 digit hexadecimal number E.g. #ff0000, #f00 An RGB value in functional notation E.g. rgb(255,0,0), rgb(100%,0%,0%)

Слайд 3

Описание слайда:

Values - Lenghts Lengths can be Relative em (font size of the relevant font), ex (x-height of the relevant font), % etc. Absolute px *(pixels), in (inches), cm, mm, pt (points, =1/72 in), pc (picas, 1 pc = 12 pt) Note: no space between number and length notation

Слайд 4

Описание слайда:

CSS Background Background-color : color; Background-image : url (‘URL’); Background-repeat : repeat-x,repeat-y, no-repeat; Background-attachment : fixed, local Background-position : left top, left bottom, etc. Background: red url(‘smiley.jpg’) no-repeat fixed 50% 50%;

Слайд 5

Описание слайда:

Box Properties margin : border : padding : content width & height : Example:

Слайд 6

Описание слайда:

Box Model

Слайд 7

Описание слайда:

Border property

Слайд 8

Описание слайда:

Margin property

Слайд 9

Описание слайда:

Padding property

Слайд 10

Описание слайда:

Outline property

Слайд 11

Описание слайда:

Слайд 12

Описание слайда:

CSS Links Links can be styled with any css property (color, background-color, font-family etc.) and have 4 states which can also be styled: a:link : normal unvisited link a:visited : visited link a:hover : link when user mouses over it. MUST come after :link and :visited a:active : link at the moment when it’s clicked. MUST come after :hover

Слайд 13

Описание слайда:

List Properties list-style: [disc | circle | square | decimal | lower-roman | upper-roman | lower-alpha | upper-alpha | none] || [inside | outside] || [ | none] Example li { list-style: disc inside url(‘bullet2.gif’); } Can use the list-style-type, list-style-position, list-style-image separately.

Слайд 14

Описание слайда:

List Properties

Слайд 15

Описание слайда:

Display Property Is one of the most important ones for controlling CSS layout. Each element has its own default value depending on its type. Most used values are: block – displays an element as a block element inline – displays an element as an inline element none – does not display an element at all NOTE: it does not change the type of element itself, only how it appears.

Слайд 16

Описание слайда:

Слайд 17

Описание слайда:

Values for position property

Слайд 18

Описание слайда:

Z-index Property When elements are positioned they can become overlapped. Z-index property is used to specify the stack order. Example NOTE. If two elements overlap without a z-index specified, the element positioned last in the HTML will be shown on top.