当前位置： 首页 > article >正文

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

article 2024/10/30 10:23:45

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.kler.cn/a/371422.html

相关文章：

  • Android的SQLiteOpenHelper类 笔记241027
  • Node.js 循环依赖或者递归调用导致的堆栈溢出问题
  • WebGIS开发丨从入门到进阶，全系列课程分享
  • 预览 PDF 文档
  • 【数据结构和算法】三、动态规划原理讲解与实战演练
  • Python | Leetcode Python题解之第515题在每个树行中找最大值
  • LeetCode72：编辑距离
  • javaScript中复制一个数组的浅拷贝和深拷贝方法
  • Flutter Web部署到子路径的打包指令
  • 单细胞数据分析（四）：细胞亚型注释
  • uniapp写抖音小程序阻止右滑返回上一个页面
  • Vue3使用AntV | X6绘制流程图:开箱即用
  • MPSK(BPSK/QPSK/8PSK)调制解调的Matlab仿真全套
  • TensorFlow面试整理-分布式
  • C语言——linux编程（上）
  • Fsm1
  • 枫清科技仲光庆：AI+行业新范式，双轮驱动助力数智化升级
  • 沪深A股上市公司数据报告分析
  • [蓝桥杯 2018 省 B] 乘积最大-题解
  • 配置mysql 主主模式 GTID
  • SpringBoot篇（运维实用篇 - 日志）
  • CentOS 系统刷新 DNS，解析
  • Visual Studio 字符集设置与文件编码的区别
  • 学习力体系
  • 【Python】爬虫程序打包成exe
  • Markdown 链接