diff --git a/.editorconfig b/.editorconfig deleted file mode 100644 index 22f869e..0000000 --- a/.editorconfig +++ /dev/null @@ -1,13 +0,0 @@ -# editorconfig.org - -root = true - -[*] -charset = utf-8 -indent_style = space -indent_size = 2 -insert_final_newline = true -trim_trailing_whitespace = true - -[*.md] -trim_trailing_whitespace = false diff --git a/.gitignore b/.gitignore deleted file mode 100644 index 00cbbdf..0000000 --- a/.gitignore +++ /dev/null @@ -1,59 +0,0 @@ -# Logs -logs -*.log -npm-debug.log* -yarn-debug.log* -yarn-error.log* - -# Runtime data -pids -*.pid -*.seed -*.pid.lock - -# Directory for instrumented libs generated by jscoverage/JSCover -lib-cov - -# Coverage directory used by tools like istanbul -coverage - -# nyc test coverage -.nyc_output - -# Grunt intermediate storage (http://gruntjs.com/creating-plugins#storing-task-files) -.grunt - -# Bower dependency directory (https://bower.io/) -bower_components - -# node-waf configuration -.lock-wscript - -# Compiled binary addons (http://nodejs.org/api/addons.html) -build/Release - -# Dependency directories -node_modules/ -jspm_packages/ - -# Typescript v1 declaration files -typings/ - -# Optional npm cache directory -.npm - -# Optional eslint cache -.eslintcache - -# Optional REPL history -.node_repl_history - -# Output of 'npm pack' -*.tgz - -# Yarn Integrity file -.yarn-integrity - -# dotenv environment variables file -.env - diff --git a/LICENSE b/LICENSE deleted file mode 100644 index 0a613c0..0000000 --- a/LICENSE +++ /dev/null @@ -1,21 +0,0 @@ -MIT License - -Copyright (c) 2017 Компотик - -Permission is hereby granted, free of charge, to any person obtaining a copy -of this software and associated documentation files (the "Software"), to deal -in the Software without restriction, including without limitation the rights -to use, copy, modify, merge, publish, distribute, sublicense, and/or sell -copies of the Software, and to permit persons to whom the Software is -furnished to do so, subject to the following conditions: - -The above copyright notice and this permission notice shall be included in all -copies or substantial portions of the Software. - -THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR -IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, -FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE -AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER -LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, -OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE -SOFTWARE. diff --git a/README.md b/README.md deleted file mode 100644 index 34063c2..0000000 --- a/README.md +++ /dev/null @@ -1,80 +0,0 @@ -# Основные комбинации HTML и CSS - -## Главное CSS свойство -Главное CSS свойство для любого тэга — это display. Оно определяет, как отображать тэг среди других тэгов. Это единственное свойство, которое есть у всех тэгов — оно обязательное. У большинства тэгов значение свойства display по умолчанию задано, как inline или block. Есть и другие значения, но они используются реже. Чтобы тэг не имел отображения значение свойства display, должно быть none. - -Тэги можно называть HTML-элементами или просто элементами, потому что они являются самой маленькой — неделимой частью на HTML-страничке. Когда элементы на странице ведут себя не так, как хочет автор, то сначала выясняют значения для свойства display. - -### Inline-тэги -Тэги называют инлайновыми или строчными, если у них свойство display определнно, как inline. Самый чистый инлайн тэг — это span, потому что в браузерах поумолчанию у него только одно CSS свойство: -```css -span { display: inline; } -``` - -Примеры инлайновых тэгов: -- ссылка: тэг a, -- жирный текст: тэг strong, -- курсивный текст: тэг i. - -В отличие от чистого инлайн тэга, у этих по умолчанию в браузерах определенны не только display свойства: -```css -a { - color: #00e; - cursor: pointer; - text-decoration: underline; - display: inline; -} -a:visited { color: #551a8b; } // посещенная ссылка -a:active { color: #f00; } // в момент клика - -strong { font-weight: bold; display: inline; } - -i { text-decoration: italic; display: inline; } -``` - -Поэтому для своих целей используют тэг span и расширяют его при помощи CSS классов: -```html -Тут будет жирный красный текст с подчеркиванием -``` - -```css -.red-strong-italic-text { - color: red; - font-weight: bold; - text-decoration: italic; -} -``` - - - -### Дополнительно - -> Когда на странице элементы ведут себя не так, как хочет автор, то сначала выясняют значения для свойства display. - -0. [Значения для CSS свойства display](http://htmlbook.ru/css/display) -0. [Инлай-элементы](http://htmlbook.ru/html/type/inline) -0. [Блок-элементы](http://htmlbook.ru/html/type/block) - -*** - -Это про тэги которые отображаются на странице diff --git a/src/clear.html b/clear.html similarity index 100% rename from src/clear.html rename to clear.html diff --git a/gulpfile.js b/gulpfile.js deleted file mode 100644 index 5a0af3d..0000000 --- a/gulpfile.js +++ /dev/null @@ -1,20 +0,0 @@ -var gulp = require('gulp'); -var browserSync = require('browser-sync').create(); - -var srcDir = './src'; - -gulp.task('default', function () { - browserSync.init({ - server: { - baseDir: srcDir - }, - port: '8800', - open: false, - serveStatic: [ srcDir ] - }); - - gulp.watch( - [ '**/*' ], - { cwd: srcDir } - ).on('change', browserSync.reload); -}); diff --git a/src/index.html b/index.html similarity index 100% rename from src/index.html rename to index.html diff --git a/kirill/simple-clear.html b/kirill/simple-clear.html new file mode 100644 index 0000000..2765b58 --- /dev/null +++ b/kirill/simple-clear.html @@ -0,0 +1,69 @@ + + + + + + + Simple Clearfix + + + +
+
left-content
+
+ right-content
+ link to normal clear +
+
+ +
+
lft
+
rght
+
+
+ +

+ Duis id erat quis lacus blandit ullamcorper vel auctor ligula. + Integer vel orci tincidunt ipsum consectetur imperdiet nec ac ligula. +

+ +

+ Interdum et malesuada fames ac ante ipsum primis in faucibus. + Nullam sagittis rhoncus bibendum. +

+ +

+ Proin cursus arcu in euismod pharetra. Nunc varius massa risus, + lobortis porttitor purus lobortis vel. Quisque at nibh enim. +

+
+
+
+ + \ No newline at end of file diff --git a/package.json b/package.json deleted file mode 100644 index de0d433..0000000 --- a/package.json +++ /dev/null @@ -1,24 +0,0 @@ -{ - "name": "html-css-combinations", - "version": "1.0.0", - "description": "Основные комбинации HTML и CSS", - "main": "index.js", - "scripts": { - "start": "gulp" - }, - "repository": { - "type": "git", - "url": "git+https://github.com/kompotik/sprint14.git" - }, - "keywords": [], - "author": "Valeriy Sotnikov (http://sotnikov-link.ru)", - "license": "SEE LICENSE IN LICENSE", - "bugs": { - "url": "https://github.com/kompotik/sprint14/issues" - }, - "homepage": "https://github.com/kompotik/sprint14#readme", - "devDependencies": { - "browser-sync": "^2.18.12", - "gulp": "^3.9.1" - } -} diff --git a/src/simple-clear.html b/simple-clear.html similarity index 100% rename from src/simple-clear.html rename to simple-clear.html