初识css

137 阅读1分钟

表单

隐藏域:<input type="hidden" name="" value="">

  • 不显示在页面上,但可以把数据发送给后台 只读(redonly)与禁用(disabled):
  • 只读——只是让用户看到 但是并不想让用户修改
  • 禁用——把按钮原来功能禁用掉 label标签:<label for=""></label>

image.png

  • 自动将焦点转移到与该标注相关的表单元素上
  • 增强鼠标的可用性
  • input的id的值 要和label的for的值 保持一致

CSS

样式

行内样式:

image.png 内部样式:

image.png

  • 方便在同页面中修改样式
  • 不利于在多页面间共享复用代码及维护,对内容与样式的分离也不够彻底 外部样式:
    链接式

image.png

  • href 文件的路径
  • 使用<link/>链接的CSS文件先加载到网页当中,再进行编译显示 (样式渲染快)

导入式

image.png

  • 使用@import导入的CSS文件,客户端显示HTML结构,再把CSS文件加载到网页当中 (样式的渲染比link要慢的)
  • @import是属于CSS2.1特有的,对不兼容CSS2.1的浏览器是无效的 HTML中引入CSS样式的优先级:
  • 行内样式的优先级>内部样式的优先级>外部样式的优先级

选择器

标签选择器:

image.png

  • 所有的标签都可以作为标签选择器
  • 给表签加上样式后,所有的标签都会是这个样式 类选择器:

image.png

  • 只有加了类名称的元素 才会有样式
  • 类选择器一定要加上. id选择器:

image.png

  • #后面名称需要和id=""后面的值对应
  • id选择器 表示唯一性 不要起两个相同名称的id