HTML/CSS 知识点01 （转）

• 里面

  • 样式的基本语法：
    选择器(div){
    key:value
    }

    p{
    height:40px;
    line-height:40px;
    background-color:red;
    }

  • 选择器：
  1. 标签选择器：div,h,p,a,img,span
  2. class选择器:.xinxi
     (千万不要用汉字和数字开头做为class名，一定要用英文)

html更多解读

• html只考虑标签嵌套，跟tab和空格无关，无数个空格，也只算作一个
• 图片标签
• 相对路径：以当前页面为出发点查找的；(./ 或 不写,找到父级../)
• 绝对路径：都是以http开头的；例如：http://i1.piimg.com/567571/f3f79e8903424ea4.jpg
• 图片标签上有两个常用属性，src属性：引入图片地址; alt标签：图片无法正常加载时，用来替代的文字；(alt也可以省略)
• a链接常用的属性

1. href:‘要跳往的地址‘,href的作用
   • 可以填写绝对路径，跳到直到的网页
   • 可以写#：1）不确定地址的时候 2)简单的回到顶部效果
   • 利用锚点进行页面切换
2. title:鼠标以上时的提示
3. target:打开方式(默认的_self当前页面打开; _blank新页面打开)
4. 这些属性中，title和target都可以省略；

• a链接的锚点使用

1. 本页面各个模块之间的相互跳转
   
   
   2 实现不同页面之间，不同模块的相互跳转
   

列表

• 无序列表:无序列表中的li也是容器；

  ul>
  li>li>
  li>li>
  ul>

• 有序列表

  ol>
  li>li>
  li>li>
  ol>

• 定义列表：dl,dt,dd都是容器

  dl>
  dt>表头dt>
  dd>详情介绍dd>
  dl>

表单

• 表单用
• 输入文本框
• 输入密码

• 单选按钮：单选按钮组，一定要加上name，否则无法实现单选效果；

  type="radio" name="sex"/>男
  type="radio" name="sex"/>女

• 多选框

• 下拉单

  select>
  option name="city" value="bj">北京option>
  option name="city" value="sh">上海option>
  option name="city" value="sz">深圳option>
  select>

• name和value主要用于前端向后台提交数据；
• id：

1. 设置样式(不建议)
2. 在JS阶段，用来获取元素
3. id配合a链接，进行锚点设置；

• 留言框：

按钮

• 普通按钮 type=button
• 提交按钮 type=submit
• 重置按钮 type=reset

选择器

• 标签选择器：div h1~h6 p span a img ul li ol dl dt dd input select

添加一个小icon的步骤：

• 到官网上去取图片（以京东为例）：

1. https://www.jd.com/favicon.ico
2. 把以上图片另存为，存到电脑中
3. 注意：把icon图标放到文件夹的"根目录"；
4. 在html页面中加入：

HTML/CSS 知识点01 （转）

标签：相对   desc   city   用户   步骤   空格   重置   tps   lan   

原文地址：http://www.cnblogs.com/zuiai/p/7078466.html