选择器&form&input

最新推荐文章于 2024-05-23 09:01:29 发布

qq_36901488

最新推荐文章于 2024-05-23 09:01:29 发布

阅读量512

点赞数

分类专栏： java基础

本文链接：https://blog.csdn.net/qq_36901488/article/details/86996391

版权

java基础专栏收录该内容

24 篇文章 0 订阅

订阅专栏

选择器

id>class>标签>通配符

		//通配符选择器		*
		*{
            font-size: 10px;
        }
        //标签选择器		h1 ,a , 等标签名
        h2{
            color: red;
        }
        //类选择器		class="a"
        .a{
            color: green;
        }
        //id选择器		id="b"
        #b{
            color:pink;
        }
        //群组选择器
        .a,#b,div{
            height: 50px;
        }

后代选择器

ul li{
	...
}

兄弟选择器
在这里插入图片描述
子代选择器

<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <!--
        子代选择器:关键词为">"
            只选中行级标签的子代标签
    -->
    <style type="text/css">
        ul>h1{
            color: red;
        }
    </style>
</head>
<body>
    <ul>
        <h1>a1标签</h1>
        <li>good</li>
        <li>good</li>
        <p>
           <h1>a2标签</h1>
        </p>
    </ul>
</body>

属性选择器

<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <!--
        属性选择器:
            基本选择器[属性名/属性名=属性值][...]{

            }
    -->
    <style type="text/css">
        div[title][name=div1]{
            color: red;
        }
    </style>
</head>
<body>
    <div title="title" name="div1">盒子1</div>
    <div name="div2">盒子2</div>
    <div title="title">盒子3</div>
    <div title="title" name="div2">盒子4</div>
</body>

锚伪类选择器 link,hover,active,visited(link在最前面,选中在悬停后面)

<!--
        锚伪类选择器:
            link(未访问)必须放在最前面
            active(鼠标选中)必须放在hover悬停后面
    -->
    <style type="text/css">
        /*未访问状态*/
        a:link{
            color: red;
        }
        /*已访问状态*/
        a:visited{
            color: green;
        }
        /*鼠标悬停状态*/
        a:hover{
            color: blue;
        }
        /*鼠标选中状态*/
        a:active{
            color: yellow;
        }



    </style>
</head>
<body>
    <a href="w">点击</a>
</body>

HTML

超文本标记语言

form

form表单:获取用户填写的数据
action属性值为表单提交到的地址
method属性为提交的方式,默认为get,get数据会存在url中,post数据是存在请求头中

input

type属性值

text 文本输入框
password 密码输入框
radio 单项选择 checked=“checked” 默认选中
checkbox 多项选择 selected=“selected” 默认选中
submit 提交按钮
reset 重置表单
button 自定义按钮

qq_36901488

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
选择器&form&input

formform表单:获取用户填写的数据action属性值为表单提交到的地址method属性为提交的方式,默认为get,get数据会存在url中,post数据是存在请求头中inputtype属性值text 文本输入框password 密码输入框radio 单项选择 checked=“checked” 默认选中checkbox 多项选择 selected=“selecte...
复制链接

扫一扫