前端学习

web 文章 2022-07-24 21:20 0 全屏看文

一.href="#+id名" 可以快速跳转

  如:  
    href="#two"
    id="two"快速跳

二.
  div大块 自动换行
  span小块 不自动换行

三.
  注释标签 ctrl+/
  &lt &gt <和>

四.表格

表格形式

<table align="center" border=1 cellspacing="0">

表单域 <from>

信息给服务器
<form action="url" method="提交方式" name="表单域名称"> </from>
url 数据提交的后台页面 mathod="GET/POST" 

表单控件
  1.input 输入表单元素<input type="属性值" name value> 属性值:text password radio(单选按钮) checkbox(多选框) 性别单选必须要有相同的名字name才可以单选 value是提示信息
checked属性,表示打开的时候默认选中 checked="checked"   单选框只能选一个 多选框可以选多个   maxlength 规定最大输入长度 submit提交按钮 reset清楚所有数据

button 按钮属性 不提交属性 一般和js结合 常用于手机验证码短信发送 file属性 文件上传
  2
.label标签 扩大表单元素范围 光标自动聚焦 for 和 id的值一样 具体用法如下:
<label for="sex">gentle</label>
<input type="radio" name="sex" id="sex"/>
  3.下拉表单select option 默认选定:selected="selected"
  4
.文本域textarea 多行文本输入 <textarea>之间可以默认文本 cols最大列数 rows最大行数 但是实际开发都是css改变大小

五.CSS相关

css标签使用在style标签中 style在head中
选择器 两个声明 属性加键值对 后面一定要加分号
font-size:12px 修改为12像素

类选择器口诀:样式点定义 .后面跟类名 结构类(class)调用 一个或多个开发最常用
背景颜色 background-color

六.选择器

多类名之间必须用空格分开 这样就会把多个样式都加上去
一般将相同的样式放到同一个class 调用共用类 再用独有类 方便修改
id选择器 style里面的id前面加上#号 和class的区别 id选择器只能调用一次 类似于身份证号码
通配符选择器:*表示选取页面中的所有元素(标签)

七.文字

改字体 font-family 开发常用字体:"微软雅黑"/"Microsoft YaHei" 有多个字体逗号隔开看的时候从左往右看是否安装
font-size 文字的大小 默认是16px font-weight 文字的粗细 一般数字表示粗细 基准值为400 font-style 文本风格normal italic

八.Emmet语法
主元素加tab
多个标签用*
父子关系用>
兄弟关系用+
.class名加tab 是class的快速生成 .id名加tab是id快速生成
span.y加tab
排序demo1 demo2 demo3... $ $是自增符号
div{文本}加tab
css的emmet的语法是缩写加tab

-EOF-