- 博客(14)
- 收藏
- 关注
RSS订阅原创 css、html新增特性
HTML新增特性新增标签<header>:头部标签<nav>:导航标签<article>:内容标签<section>:定义文档某个区域<aside>:侧边栏标签<footer>:尾部标签这些是为了搜索引擎所设的，优化搜索引擎，可以多次使用。多媒体标签谷歌浏览器把音频和视频自动播放禁止了1.音频标签语法：<audio src="文件地址" controls="controls"></audio
2022-01-11 15:34:31
280
原创 css三角和初始化
1.CSS三角（1）三角 height: 0; line-height: 0; font-size: 0; border:5px solid transparent ; border-bottom-color: pink;这样设置的是一个头朝上的等腰三角形。一般用于做对话框等。其余三角设置基本方式和此相同。（2）样例京东价格框html<div class="jd"> <span class="jd1">1600<i></i>&l
2022-01-06 18:00:35
52
原创 HTML学习笔记---11day
1.精灵图核心：多个小背景图片整合到一张图片中。目的：为了有效减少服务器接收和发送请求的次数，提高页面加载速度。使用：1.移动背景图片位置：background-position。2.以X,Y轴为坐标，网页坐标与现实坐标有所不同。X轴右边走是正值，左边走是负值，Y轴同理。3.移动距离就是目标图片的X，Y轴坐标，一般情况下兜售往上往左移动，所以数值是负值。4.使用精灵图是需要精确测量目标图片的大小和位置。2.字体图标展示的是图标，本质是字体。结构和样式比较简单的小图标就
2022-01-06 11:23:08
198
原创 HTML学习笔记---10day
CSS书写顺序(书写规范，不影响代码运行)1.布局定位属性：display /float / position/ clear / visiblity / overflow2.自身属性：margin / padding / width / height / border / background3.文本属性：color / text-decoration / text-align / vertical-align / white-space / break-word4.其他属性：cont...
2022-01-05 11:10:32
65
原创 Photoshop
ps切图（PSD图片）图层切图：右击所用图层选择快速导入为PNG（最为简单），如需多个图层一并导出，选中所选两个图层，CTRL+E，然后再右击导出PNG。切片切图：切片工具手动选择所要切片的图面，在文件菜单中选择导出，存储为web格式，选择所需格式存储。移动切片选择切片选择工具，删除选择delete，如需透明图层，把背景图层隐藏，后把所选图层导出为PNG 。插件切图：cutterman插件。（功能强大，免费。）安装完后需要重启ps。官网下载：http://www.cutterman.cn/z
2021-12-13 15:49:58
339
原创 HTML学习笔记---08day
网页布局过程1.先准备好相关的网页元素，大部分都是盒子。2.利用css设置盒子样式，摆放到相应位置。3.盒子里面装内容。盒子模型组成border：设置元素的边框宽度，边框样式，边框颜色。border:border-width || border-style || border-color; border-width：边框粗细（px）。border-style：边框样式（实线、虚线等）border-color：边框颜色。...
2021-12-03 18:44:52
88
原创 HTML学习笔记---07day
CSS三大特性层叠性：两个选择器设置相同样式，样式冲突，遵循就近原则，哪个样式离结构进，就执行哪个样式，如果样式不冲突，不会重叠。继承性：子元素继承父元素的样式。 特殊案例行高：行高可以跟单位也可以不跟单位，如果子元素没有行高设置，则会继承父元素行高，子元素行高=子元素文字大小*父元素行高数值。优先级：选择器相同，层叠执行。选择器不同，根据选择器权重执行。选择器 选择器权重 继承 ， * 0,0,0,0 元素选择器 0,0,0,1 类选...
2021-12-02 17:46:30
53
原创 HTML学习笔记---06day
CSS背景背景颜色gfbackground-color:transparent(透明 默认)；background-color:颜色;
2021-12-01 17:13:10
173
原创 HTML学习笔记---05day
行内块元素同时具有块元素和行内元素的特点。<img/>、<input/>、 <td>。特点： 1.和相邻行内块元素在一行上，但是他们之间有空隙，一行可以显示多个。 2.默认宽度就是本身容器宽度。 3.高、宽、内外边距都可以控制。显示模式的转换转换为块元素：display：block;转换为行内元素：display：inline;转换为行内块元素：display:inline-block;...
2021-11-30 18:51:18
65
原创 HTML学习笔记---04day
复合选择器补充focus选择器：选择获得光标的表单。（用处较少）<style> input：focus{键：值}</style>css元素显示模式块元素常见块元素<h1>-<h6>、<p>、<div>、<ul>、<ol>、<li>等等，最常用<div>。特点： 1.独占一行。 2.可以控制高、宽、内外边距。...
2021-11-30 08:56:49
68
原创 HTML学习---03day
CSS复合选择器1.后代选择器可以选择父元素里的子元素。元素1 元素2{键：值}表示为元素1中的所有元素2样式。如果出现多个元素1 、元素2，可以通过其他基础选择器来定位需要改变的元素。2.子选择器只选择作为莫元素的最近一级子元素。元素1>元素2{键：值}元素2必须市最近一级子元素。3.并集选择器选择多个组标签，同时更改它们之间的格式。元素1，元素2 {键：值}任何形式的选择器都可以作为并集选择器的一部分，列如：子选择器、复合选择器。4.伪
2021-11-26 18:09:10
62
原创 HTML学习笔记---02day
css文本属性总结属性 表示 注意 color 颜色 一般用16进制 text-align 对齐方式 可以设定文字水平对齐方式 text-indent 缩进 通常用em单位 text-decoration 修饰线 一般只用underline添加下划线和none取消下划线两种属性值 line-height 行高 行与行之间的距离· css引入方式内部样式表写在<style>标签中，一般放在h
2021-11-17 17:00:29
46
原创 HTML学习笔记----01day
目录HTML标签：表格：CSS 选择器 字体HTML标签：标题标签：<h1>-<h6>等标签进行定义的，<h1> 定义最大的标题。<h6> 定义最小的标题。<h1>标题内容</h1>段落标签：<p>标签定义的。<p>段落内容</p>水平线标签：<hr />标签在 html页面中创建水平线。<hr/>div..
2021-11-17 11:03:47
196
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人