HTML+CSS
关注
分享
扫一扫
笔记
ThnPkm
只是向上走
展开
-
html小白学习之路1
html学习刚开始，觉得很有意思，还是很认真的，希望能保持下去。从0开始第一个网页003标题标签<h1><h2>004段落标签<p>005分割线标签<hr>006span标签<span>...原创 2021-10-20 20:05:30 · 130 阅读 · 0 评论 -
html图像标签 路径
007图像标签img 设置大小，名称008文件路径相对路径 输入 . /原创 2021-10-20 20:34:20 · 95 阅读 · 0 评论 -
html 3
1.a标签2.标签锚点3. 表格<tr>是行，<td>是列4. 合并单元格<td colspan=“合并的单元格数”>内容</td>5.字符实体原创 2021-10-22 23:31:38 · 172 阅读 · 0 评论 -
html .4 列表 表单
1.无序列表<ul> <ul type=" 改变图形的英语 " > 2. 有序列表<ol> 3.定义列表 <dl> <dt> <dd>4.表单表单域，线框，用户名，密码，...原创 2021-10-23 20:27:09 · 125 阅读 · 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 · 357 阅读 · 0 评论 -
CSS选择器
1.类选择器 （ 用 . ）2.id选择器 （ 用 # ）3.后代选择器 （ 用空格 ）4.子元素选择器 （ 用 > ）5.并级选择器 （ 用 , ）6.链接伪类选择器 （ 用 : ）7. focus伪类选择器（ input:focus ）...原创 2021-10-24 00:02:31 · 120 阅读 · 0 评论 -
CSS背景图片
1.背景图片植入与平铺设置背景width；height；图片植入background-image: url(图片地址)；图片默认平铺2.背景图片位置background-position：3.背景图像固定默认是随网页滑动的；固定则background-attachment：fixed4.背景属性复合写法能减少代码量5.背景半透明background：rgba（ x，x ，x ，.n ）...原创 2021-10-28 23:52:30 · 710 阅读 · 0 评论 -
css 盒子模型.11.2
1.边框可以直接简写：（没有顺序）上下左右边框可以单独设置：boder-top; boder-bottom ; boder-left; boder-right2.表格细线边框3.边框会影响盒子的实际大小；1.测量时候不量边框；2.测量时包含了边框，则需宽高减去边框大小；4.内边距paddingpadding属性简写：内边距也会影响盒子实际大小：p...原创 2021-11-02 15:14:00 · 87 阅读 · 0 评论 -
CSS三大特性
1.层叠性2.继承性3.优先级注意不管父元素的权重有多高，子元素继承的都是0；a链接，浏览器默认了蓝色有下划线的样式；复合选择器权重会有叠加，但是不会有进位....原创 2021-10-30 09:26:57 · 85 阅读 · 0 评论 -
CSS 浮动
浮动语法：选择器{ float:属性值；} none； left；right ；浮动的元素最重要特征1：1.脱离标准普通流的控制（浮）； 移动到指定位置（动），（俗称脱标）2.浮动的盒子不再保留原先的位置浮动特性 2如果多个盒子都设置了浮动，这是他们会按照属性值一行内显示并且顶端对齐排列浮动特性 3任何元素添加了浮动之后，都会具有行内块元素的特性浮动元素经常和标准流父级搭配使用：网页布局策略：先用标准的父元...原创 2021-11-04 18:40:13 · 90 阅读 · 0 评论 -
CSS 定位
定位 ：将盒子定在某个位置，所以定位也是在摆放盒子，按照定位的方式移动盒子。定位 = 定位模式 + 边偏移。定位模式用于指定一个元素在文档中的定位方式。边偏移则决定了该元素的最终位置。子绝父相：粘性定位：sticky（了解）粘性定位可以被认为是相对定位和固定定位的混合。sticky粘性的1. 以浏览器的可视窗口为参照 （固定定位特点）2. 占有原先的位置（相对定位特点）3. 必须添加 边偏移.定位的叠放次序：定位的拓...原创 2021-11-05 18:13:11 · 111 阅读 · 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 · 332 阅读 · 0 评论 -
CSS grid布局
超级重要的概念：原创 2021-11-12 20:11:37 · 334 阅读 · 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 · 677 阅读 · 0 评论