HTML+CSS
笔记
ThnPkm
只是向上走
展开
-
html小白学习之路1
html学习刚开始,觉得很有意思,还是很认真的,希望能保持下去。 从0开始第一个网页 003标题标签<h1><h2> 004段落标签<p> 005分割线标签<hr> 006span标签<span> ...原创 2021-10-20 20:05:30 · 94 阅读 · 0 评论 -
html图像标签 路径
007图像标签img 设置大小,名称 008文件路径 相对路径 输入 . /原创 2021-10-20 20:34:20 · 75 阅读 · 0 评论 -
html 3
1.a标签 2.标签锚点 3. 表格 <tr>是行,<td>是列 4. 合并单元格 <td colspan=“合并的单元格数”>内容</td> 5.字符实体原创 2021-10-22 23:31:38 · 147 阅读 · 0 评论 -
html .4 列表 表单
1.无序列表<ul> <ul type=" 改变图形的英语 " > 2. 有序列表<ol> 3.定义列表 <dl> <dt> <dd> 4.表单 表单域,线框,用户名,密码,...原创 2021-10-23 20:27:09 · 107 阅读 · 0 评论 -
CSS块元素与行内元素
1.块元素与行内元素 常见的行内元素有:<a>,<strong>,<b>,<em>,<i>,<del>,<s>,<ins>,<u>,<span>最典型 (行内元素相邻不换行,不可以设置width和height属性) 常见的块元素有:<div>、p、h1~h6、ul、ol、dl、li、dd、table、hr、blockquote、address、table、menu、p原创 2021-10-28 21:26:09 · 333 阅读 · 0 评论 -
CSS选择器
1.类选择器 ( 用 . ) 2.id选择器 ( 用 # ) 3.后代选择器 ( 用空格 ) 4.子元素选择器 ( 用 > ) 5.并级选择器 ( 用 , ) 6.链接伪类选择器 ( 用 : ) 7. focus伪类选择器( input:focus ) ...原创 2021-10-24 00:02:31 · 102 阅读 · 0 评论 -
CSS背景图片
1.背景图片植入与平铺 设置背景width;height; 图片植入background-image: url(图片地址); 图片默认平铺 2.背景图片位置 background-position: 3.背景图像固定 默认是随网页滑动的; 固定则 background-attachment:fixed 4.背景属性复合写法 能减少代码量 5.背景半透明 background:rgba( x,x ,x ,.n ) ...原创 2021-10-28 23:52:30 · 677 阅读 · 0 评论 -
css 盒子模型.11.2
1.边框 可以直接简写:(没有顺序) 上下左右边框可以单独设置: boder-top; boder-bottom ; boder-left; boder-right 2.表格细线边框 3.边框会影响盒子的实际大小; 1.测量时候不量边框; 2.测量时包含了边框,则需宽高减去边框大小; 4.内边距 padding padding属性简写: 内边距也会影响盒子实际大小: p...原创 2021-11-02 15:14:00 · 69 阅读 · 0 评论 -
CSS三大特性
1.层叠性 2.继承性 3.优先级 注意 不管父元素的权重有多高,子元素继承的都是0; a链接,浏览器默认了蓝色有下划线的样式; 复合选择器权重会有叠加,但是不会有进位. ...原创 2021-10-30 09:26:57 · 62 阅读 · 0 评论 -
CSS 浮动
浮动语法: 选择器{ float:属性值;} none; left;right ; 浮动的元素最重要特征1: 1.脱离标准普通流的控制(浮); 移动到指定位置(动),(俗称脱标) 2.浮动的盒子不再保留原先的位置 浮动特性 2 如果多个盒子都设置了浮动,这是他们会按照属性值一行内显示并且顶端对齐排列 浮动特性 3 任何元素添加了浮动之后,都会具有行内块元素的特性 浮动元素经常和标准流父级搭配使用: 网页布局策略: 先用标准的父元...原创 2021-11-04 18:40:13 · 72 阅读 · 0 评论 -
CSS 定位
定位 :将盒子定在某个位置,所以定位也是在摆放盒子,按照定位的方式移动盒子。 定位 = 定位模式 + 边偏移。 定位模式用于指定一个元素在文档中的定位方式。边偏移则决定了该元素的最终位置。 子绝父相: 粘性定位:sticky(了解) 粘性定位可以被认为是相对定位和固定定位的混合。sticky粘性的 1. 以浏览器的可视窗口为参照 (固定定位特点) 2. 占有原先的位置(相对定位特点) 3. 必须添加 边偏移. 定位的叠放次序: 定位的拓...原创 2021-11-05 18:13:11 · 91 阅读 · 0 评论 -
CSS flex布局
一、flex布局体验 <style> div { display: flex; width: 80%; height: 300px; background-color: pink; justify-content: space-around; } div span { width: 150px;原创 2021-11-09 15:59:36 · 275 阅读 · 0 评论 -
CSS grid布局
超级重要的概念:原创 2021-11-12 20:11:37 · 320 阅读 · 0 评论 -
JS 笔记1
一,JS 的三种组成部分 以后了解 二,JS 的三种书写位置 <script> // 2.内嵌式的js alert('内嵌式的js'); </script> <!-- 外部式的js --> <script src="my.jss"></script> </head> <body> <!-- 1.行内式的js直接写到元...原创 2021-11-13 16:04:39 · 661 阅读 · 0 评论