前端之html(二)加入css开篇(一)

news/2024/11/3 2:22:50/
htmledit_views">

1.lebal标签-增大点击范围

性别:<input type="radio" name="gender" id="man"><lebal for="man">男</lebal>

<lebal><input type="radio" name="gender" id="nv">女</lebal>

2.button按钮

<button type="submit或者reset或者button"></button>  (submit提交,reset重置,button一般配合JavaScript)

3.form标签:统一管理   (action是提交位置)

4.无语义标签

div与span,前者独占一行,后者不独占一行

5.字符实体

空格 &nbsp <:&li >:&gt

学习css:html文档呈现(美化内容)

1.一般放到<title标签>下,写<style></style>标签,标签选择器:必须存在html标签,类选择器:class='类名',通配符选择器*  (一般class配合css,id选择器2配合JavaScript)

2.color

3.文字大小

4.引入:

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

5.行内写法,直接在html标签夹style

6.画盒子  (字体大小font-site) (字体粗细font-weight)

7.行高:line-height  (px表示大小,直接加数字表示当前大小的倍数)

8.font复合属性  (是否倾斜,加粗,行高,字体)

9.文本缩进text-indent  (两格:2em)   文本对齐text-align   (例如center居中)   文本修饰线:text-decoration  (none没有,underline下划线)

10.复合选择器:选择器写法:父选择器 > 子选择器 { CSS 属性},父子选择器之间用 > 隔开。

定义:由 两个或多个基础选择器 ,通过不同的方式组合而成。
作用: 更准确、更高效 的选择目标元素(标签)。
< span >span 标签 </ span >
< div >
< span > 文字颜色是绿色 </ span >
</ div >
11. 后代选择器
后代选择器:选中某元素的 后代 元素。
选择器写法: 父选择器 子选择器 { CSS 属性},父子选择器之间用 空格 隔开
< style >
div span {
color : red;
}
</ style >
< span > span 标签 </ span >
< div >
< span > 这是 div 的儿子 span </ span >
</ div >
12 伪类选择器
伪类选择器:伪类表示元素 状态 ,选中元素的某个状态设置样式。
鼠标悬停状态:选择器 :hover { CSS 属性 }
< style >
a :hover {
color : red;
}
.box:hover {
color : green;
}
</ style >
< a href = "#" > a 标签 </ a >
< div class = "box" > div 标签 </ div >
注意:CSS 特性
CSS特性:化简代码 / 定位问题,并解决问题继承性,层叠性 , 优先级


http://www.ppmy.cn/news/1544030.html

相关文章

基于SpringBoot的物品分类识别管理系统uniapp源码带文档教程

功能模块&#xff1a;垃圾分类&#xff08;垃圾分类题库&#xff0c;关键词搜索次数&#xff09;&#xff0c;系统管理等 技术框架&#xff1a;SpringBoot2 Mysql5.7 Mybatis-Plus uniapp Swagger2 RuoYi-fast swagger-bootstrap-ui 运行环境&#xff1a;jdk8 Intell…

Linux文件清空的五种方法总结分享

简介&#xff1a; 每种方法各有优势&#xff0c;选择最合适的一种或几种&#xff0c;可以极大提高您的工作效率。更多有关Linux系统管理的技巧与资源&#xff0c;欢迎访问&#xff0c;持续提升您的运维技能。 在Linux操作系统环境下&#xff0c;清空文件内容是日常维护和管理中…

怎么在哔哩哔哩保存完整视频

哔哩哔哩(B站)作为一个集视频分享、弹幕互动于一体的平台&#xff0c;吸引了大量用户。许多人希望能够将自己喜欢的完整视频保存到本地&#xff0c;以便离线观看或分享。直接下载视频的功能并不总是可用&#xff0c;因此&#xff0c;本文将介绍几种在哔哩哔哩上保存完整视频的方…

一些硬件知识【2024/11/2】

当需要提供功率型的输出信号的时候&#xff0c;可以在信号发生器外接功率放大器&#xff0c;这样可以提高输出功率 信号的调幅&#xff08;AM&#xff09;、调频&#xff08;FM&#xff09;与调相&#xff08;PM&#xff09;&#xff1a; 调制信号&#xff1a;控制高频振荡的低…

第十九章 Vue组件之data函数

目录 一、引言 二、示例代码 2.1. 工程结构图 2.2. main.js 2.3. App.vue 2.4. BaseCount.vue 三、运行效果 一、引言 在Vue CLI脚手架中一个组件的data选项必须是一个函数&#xff0c;以此保证每个组件实例&#xff0c;维护独立的一份数据对象。每次创建新的组件实…

Java后端面试内容总结

先讲项目背景&#xff0c;再讲技术栈模块划分&#xff0c; 讲业务的时候可以先讲一般再特殊 为什么用这个&#xff0c;好处是什么&#xff0c;应用场景 Debug发现问题/日志发现问题. QPS TPS 项目单元测试&#xff0c;代码的变更覆盖率达到80%&#xff0c;项目的复用性高…

【C++刷题】力扣-#495-提莫攻击

题目描述 在《英雄联盟》的世界中&#xff0c;有一个叫 “提莫” 的英雄。他的攻击可以让敌方英雄艾希&#xff08;编者注&#xff1a;寒冰射手&#xff09;进入中毒状态。 当提莫攻击艾希&#xff0c;艾希的中毒状态正好持续 duration 秒。 正式地讲&#xff0c;提莫在 t 发起…

【观成科技】APT组织常用开源和商业工具加密流量特征分析

概述 在当前的网络安全环境中&#xff0c;APT组织的活动愈发频繁&#xff0c;利用其高级技术和社会工程手段&#xff0c;针对全球范围内的政府、军事和企业目标发起了一系列复杂的网络攻击。在不断升级的攻击中&#xff0c;开源和商业工具凭借其灵活性、易用性和全球化攻击能力…