Используйте дисплей и положение, а также остальную часть этикетки

Сегодня дисплей этикетки два основных обучения и должность: отображается китайское название и расположение этих двух элементов очень важно перед исследования, потому что макет CSS, который часто используют эти два элемента.

Есть некоторые оставшиеся теги Пример: Маржа, отступы, границы, высота линии, перелив, г-индекс.

дисплей:

Узнайте о нескольких общих атрибутов, рядный, блок, встроенный блок дисплея в.

встроенный: элемент становится встроенные элементы со свойствами, встроенные элементы могут быть и другие встроенные элементы в ряд, они не делают собственную линию, не может изменить ширину и высоту, можно использовать все элементы в обивке, единственное использование оставили на полях, где и право.

блок: блочные элементы могут быть использованы, они могут владеть линией, если он не установить ширину и высоту, он может автоматически заполняет всю ширину родительского элемента, можно изменить ширину и высоту, можно использовать в любом атрибуте элементе в обивке и крае.

встроенный блок: сочетает в себе некоторые из блока функций и инлайн, как строковые элементы могут в ряде в ряде, там были блок может изменять ширину и высоту, но и использовать все свойства отступов элементов и пол. 

Резюме: строковая строка дисплей, блочные элементы, отображаемые в блоке, встроенном блоке внутри дисплея блока строк.

позиция:

Узнайте о наиболее распространенной позиции некоторых из его свойств: позиционно-абсолют, позиционно-resative, положение фиксированной.

позиционно-абсолютная: генерации абсолютных элементов позиционирования, позиционирование элемент относительно статического элемента, отличных от родителя, любой элемент может быть использован для регулирования свойств любых из левых и правых вниз.

позиционно-resative: генерирование относительного позиционирования элемента для позиционирования относительно другого обычного места, и он будет иметь отрицательное движение пикселя: например, следующим образом

с фиксированным положением: для формирования фиксированного элемента позиционирования, расположенное относительно окна браузера может быть предопределено сверху, снизу, слева, справа, элемент атрибутов элемента.

Пишите больше это слово не подпадает под влияние элементов блока и встроенные элементы являются.

CSS

  } 
    .Div_1 { 
        позиция : относительная ; 
        слева : 20px ; 
    } 
    .Div_2 { 
        позиция : относительная ; 
        слева : -20px ;

HTML

  <DIV класс = "div_1"> 2033333333333 </ DIV> 
  <DIV класс = "div_2">卧室555555555555 </ DIV>

Остальной код для создания проекта может достичь своего эффекта.

поле:

С моим собственным языком, чтобы понять это, официальный язык слишком трудно понять, слово в том, что он предназначен для установки полей и полей есть четыре атрибутов:

Верхнее поле: на полях

Маржа направо: Правое поле

край дно: нижнее поле

Левое поле: левое поле

Это можно рассчитать поля браузера может пиксел, см, проценты, наследует родительский элемент, этот элемент также не зависит от ряда и элементов блока элементов.

обивка:

Это устанавливается в полях, он имеет четыре атрибута, он имеет следующие четыре атрибута для регулировки расстояния плюсованного, обивки не допускает отрицательное значение, и он не поддерживает использование блочных элементов и внутренних элементы строки.

обивка-топ: отступы

обивка-направо: правый внутренний край

обивка дно: нижнее поле

обивка-слева: левое поле

высота линии:

Установка расстояния между основной линией (высота строки), когда используются, это высокий процент линии, она непосредственно на экземпляре:

CSS

  .small { 
            высота строки : 90% ; 
        } 
        .Big { 
            высота строки : 900%
         }

HTML

< Р- > 
            он должен иметь высокий стандарт строки абзаца. 
            В большинстве браузеров высота строки по умолчанию составляет около 110% до 120%. 
           
    </ P > 
    < P класс = "Small" > 
            Это параграф с высокой стандартной линии. 
            В большинстве браузеров высота строки по умолчанию составляет около 110% до 120%. 
           
    </ P > 
    < P класс = "Big" > 
            Это параграф с высокой стандартной линии. 
            В большинстве браузеров высота строки по умолчанию составляет около 110% до 120%. 
            
    </ P >

 

Renderings

 

 Возможный эффект не так интуитивно, под большим пониманием.

киоски:

Установлен пограничные края ширины, цвета, штриховой и сплошной линией, и подобный стиль CSS, это обивка, маржа атрибута элемента имеет заданный, слева, сверху, справа, кнопка, их отличие состоит в том, что он имеет цвет, а края ширина фактической ситуации, а также размер случае, этот элемент представляет собой элемент, принадлежащий к блоку, блок может быть использован по существу DIV элемента.

Боудер основных атрибутов: Боудер ширина (ширина), Boder цвета (цвет), Boder стиль (стиль)

переполнение:

规定内容溢出元素框时发生的事情，以及其它的属性，下面例：

visible：内容不会被修剪，会呈现在元素框之外。

hidden：内容会被修剪，并且其余内容是不可见的。

scroll：内容会被修剪，但是浏览器会显示滚动条以便查看其余的内容。

auto：如果内容被修剪，则浏览器会显示滚动条以便查看其余的内容。

inherit:规定应该从父元素继承 overflow 属性的值。

z-index:

属性设置元素的堆叠顺序。拥有更高堆叠顺序的元素总是会处于堆叠顺序较低的元素的前面,简单的就是在图片上效果特别明显图片可以在字的后面。元素：

auto：堆叠顺序与父元素相等。

number：设置元素的堆叠顺序。

inherit：规定应该从父元素继承z-index的属性值。

代码：

css

 

img
{
position:absolute;
left:0px;
top:0px;
z-index:-1;
}

 

html

<h1>This is a heading</h1>
<img src="/i/eg_smile.gif" />
<p>sssds登记数据库数据后即可</p>

总结：我是觉得前段的知识有很多，需要记得属性也有很多，所以对于我这样的小白来说也希望自己写的东西对于刚刚接触前端的知识的小白也有一定的帮助。