梦里Bug知多少
梦里Bug知多少

前端基础01-(html+css)

标签

常用标签

通过看http://www.w3school.com.cn/tags/index.asp，熟悉以下html标签：









    

      

    1. 
和

      CSS基础

      什么是CSS

      CSS（Cascading Style Sheets）层叠式样式表，用于定义如何显示HTML元素。

      CSS语法

      CSS规则由两个部分构成：选择器，一条及多条声明。

      选择器{属性：样式属性} 

selector{
property:value;
property2:value;
property3:value;
……
}

      例如，我们要设置html中input的字体颜色及字体大小，就这样写：

      input{
color:red;
font-size:14px;
}

      选择器

      选择器种类很多，常见的如下：

      //元素选择器
input{
color:red;
}

//id选择器
#div1{
width:50px;
}

//类选择器
.active{
    color：red；
}

//属性选择器
[title]
{
color:red;
}

      除此之外还有后代、兄弟、伪类选择器等等，具体知识点，请见CSS相关课程。

      行内元素与块级元素

      html元素分两类：行内元素、块级元素。他们有如下区别：
      1.行内元素与块级元素直观上的区别：行内元素会在一条直线上排列，都是同一行的，水平方向排列；块级元素各占据一行，垂直方向排列。块级元素从新行开始结束接着一个断行。
      2.块级元素可以包含行内元素和块级元素，行内元素不能包含块级元素。
      3.行内元素与块级元素属性的不同，主要是盒模型属性上：行内元素设置width无效，height无效(可以设置line-height)，margin上下无效，padding上下无效。

      常见块级元素：

       - 常用块级容易，也是css layout的主要标签

       - 交互表单

      -
       - 标题

       - 水平分隔线

       - 段落 

       - 表格