zoukankan      html  css  js  c++  java
  • 标签链接、表单及css部分知识

    form表单:
    input是表单的核心标签,通过修改input标签中的type属性来改变展现的样式(input、button是一个行内块标签)
    type中的属性有:

    text:文本框;password:密码框;radio:单选;checkbox:复选

    <select  ><option>1</option><option value="2">2</option></select>下拉框

    组必须含有相同的name属性值
    input中的值有一个属性,value属性
    checked 默认选中,当属性名等于属性值的时候,只需要写属性名即可

    css:

    css的使用方式:
    1.行内样式(内联样式)
    <标签 style="属性名1:属性值1;属性名2:属性值2;..."></标签>
    2.页面嵌入(内部样式表)
    在head标签里面增加一个子标签
    <style>
    选择器{
    属性名1:属性值1;
    属性名2:属性值2;
    ......
    }
    </style>
    3.外部文件(外部样式表)
    在head标签里面增加一个子标签
    <link rel="stylesheet" href="css文件的路径" />
    4.外部导入样式
    主要用在样式初始化。因为有一些标签有自己的样式,我们需要清空,方便自己计算

    css------选择器:
    ID选择器
    使用id选择器:在元素上面增加一个id属性,id属性的属性值不用用数字开头
    一个页面中只能有一个id属性值
    css中id选择的表示方法用 # 表示
    class选择器
    使用class选择器:在元素上增加一个class属性,class属性的属性值不能用数字开头
    一个页面中可以有多个class属性值
    css中class选择器的表示方法用 . 表示
    标签选择器
    直接写标签名
    组合选择器
    选择器直接用,分隔开即可
    子代选择器
    > 只针对子代
    后代选择器
    用空格表示,包含着子代选择器
    通用选择器
    * 针对于所有的标签

    选择器是有权重的 
    内联样式 1000
    id 100
    class 10
    元素 1
    通用 0
    boss !important 只要出现,就以这个为主

    权重越高,冲突部分的样式就以权重高的为主,并不是说这个选择器没有用了,而是里面冲突的样式
    权重仅仅只能作为参考

    权重的计算:
    不需要管子代和后代的
    如果权重相同,就近原则。以后定义的为准

    :hover 叫伪类选择器
    当你的鼠标放上去的时候,会变化成的样子
    权值 10

    有序列表和无序列表:

    ol>li*n(有序)  ul>li*n(无序)
    <!--实际开发中有序列表基本不用-->
    <!--这三个都是块级标签-->

  • 相关阅读:
    dubbox 入门demo
    manjaro 安装后的基本配置
    ajax传递参数与controller接收参数映射关系
    如何等待ajax完成再执行相应操作
    Java之取余操作 "%"
    javascript基本属性访问对象的属性和方法
    jQuery之过滤选择器
    Spring Framework
    大佬帮忙看一下
    Python笔记
  • 原文地址:https://www.cnblogs.com/wangdongwei/p/10939298.html
Copyright © 2011-2022 走看看