表单+初部认识css

表单

<input type="hidden" name="hideName" value="666">
<input type="text" name="user" value="张三" readonly>
<input type="submit" value="提交" disabled>
<input type="radio" name="a" id="man" value="男">
<label for="man">男</label>
<input type="radio" name="a" id="woman" value="女">
<label for="woman">女</label>

hidden 隐藏域,作用:需要把数据的名称和值传给后台,但不在用户页面显示。

readonly 只读属性 作用:让用户看到信息但是不让用户修改。

disabled 禁用属性 作用:禁用按钮原来的功能,使用场景:问卷等,用户未填好表单无法提交,由javascript判断是否填写好。

label 元素定义标注,无任何特殊效果 作用:增强鼠标的可用性自动将焦点转移到与该标注相关的表单元素上。注意:label的 for 属性应当与相关元素的 id 属性相同。

css

css的概念

Cascading Style Sheet 级联样式表。表现HTML或XHTML文件样式的计算机语言,包括对字体、颜色、边距、高度、宽度、背景图片、网页定位等设定。

css的优势

网页的表现统一,容易修改,样式丰富,页面布局灵活,减少网页的代码量,增加网页的浏览速度,节省网络带宽,运用独立于页面的CSS,有利于网页被搜索引擎收录。

css样式

行内样式

<p style="color:red;font-size:30px;">我表示段落</p>

行内样式 使用style属性引入CSS样式。

内部样式表

​<style>
      div{
         color:red;
       }
</style>
<body>
      <div>我是div</div>
</body>

优点:方便在同页面中修改样式。

缺点:不利于在多页面间共享复用代码及维护,对内容与样式的分离也不够彻底。

外部样式表

链接外部样式表

<link rel="stylesheet" href="./5.css">

rel="stylesheet" 使用外部样式表

href 文件的路径

导入外部样式表

<style>@import url(./5.css);</style>

url里面可以加引号(单引号或者双引号)也可以不加引号。

CSS基本选择器

标签选择器

<style>
        p{
            font-size: 30px;
            color:red;
        }
        h1{
            color:aqua;
        }
        div{
            color:blue
        }
</style>

所有标签都可以作为标签选择器。

类选择器

<style>
     .divclass{
          color:red;
          font-size:50px;
      }
</style>
<body>
    <div class="divclass">我是块元素</div>
</body>

divclass是类名称 类选择器记得要加上"." 一般工作中推荐使用 类选择器加样式。

id选择器

<style>
      #one{
          color:red;
      }
</style>
<body>
      <div id="one">
        我是块元素我的id是one
      </div>
</body>

使用id选择器 要使用#,#后面名称需要和id=""后面的值对应,id选择器中id具有唯一性 。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值