- 博客(16)
- 收藏
- 关注
RSS订阅原创 居中问题、图片默认空隙问题、
垂直居中：给父元素设置line-height:父元素的高度。解决方案：给图片设置vertial-align:middle。2.非快属性：水平居中：给父元素设置text-aling:center。居中问题：1.快属性：水平居中：给自己设置margin:0 auto。图片默认空隙问题：div(未设置高度)包裹图片 会出现空隙。
2022-09-14 21:08:48
70
原创 特效 服务字体
灰度:filter:grayscale(1) 、色相转变：filter:hue-rotate(90deg) 、透明度：filter:opacity(.25) 、反转：filter:invet(1) 、饱和度：filter:saturate(4.25) 、褐色：filter:sepia(.5)滤镜：模糊：filter:blur(1px) 、亮度：filter:brigtness(2) 、阴影：filter:drop-shadow(5px 5px 5px pink) 、
2022-09-14 21:01:00
105
原创 H5新标签
autoplay:自动播放。新增语义化标签：header:头部 、nav:导航条 、main:内容 、section:内容 、footer:底部 、aside:侧边栏 、time:时间标签 、mark:标记标签。视频 video ：属性：src:放置音频的路径。网站添加关键字：网站标题图标： 多媒体标签：音频 audio： 属性：src:放置音频的路径。
2022-09-14 20:25:53
88
原创 伪类结构选择器，状态伪类选择器，弹性盒子
first-of-child:特定的第一个子级（第一个li类型的标签，li不用是第一个子元素）align-items:交叉轴对齐方式：flex-start 起点对齐。调整换行的排列方式：alidn-content:flex-start。first-child: 第一个子级（只能是第一个li，li是第一个子级元素）nth-last-of-type(n):（指定类型的倒数第n个子元素）4.::first-letter:文本的首字母，只用于块元素。nth-of-type(n):特定的第n个子元素（比较准确）
2022-09-14 16:14:23
98
原创 响应式布局
media not screen and(min-width) and (max-width){样式}：除某个范围内的样式。@media screen and(min-width) and (max-width){样式}：在最大和最小内的样式。@media screen and(min-width:宽度){样式}：大于某个值时的样式。@media screen and(max-width:宽度){样式}：小于某个值时的样式。em和rem: em:相对于最近的父元素的font-size的大大小。
2022-09-13 21:18:37
96
原创 表格与表单
input->type属性：text:文本框 、 password:密码框、 radio:单选框、 checkbox:多选框、 file：文本上传、 reset:重置、 submit:提交按钮、 button:按钮、 hidden:没有实际效果，但是默认提交内容。rowspan：合并行。：form的属性：action：请求地址。
2022-09-13 20:56:04
106
原创 常用标签与样式
常用样式：width、height、color、font-size(字体大小，默认16px)、font-weight(字体粗细,默认400)、opacity(透明度，范围0-1)、background-image背景图片url(地址)、bacground-repeat(背景时候重复，默认重复)、bacground-position(背景图片位置)、background-size(背景图片大小)常用标签：1.块属性标签：div标签、p标签、h1-h6标题标签、ul>li无序列表、ol>li有序列表。
2022-09-13 20:18:44
270
原创 CSS三种引入方式与选择器
class选择器：权重为10；特点：一个标签可以有多个class名，多个标签可以有相 同的class名。id选择器：权重为100；组合选择器：权重每一个选择器单独计算。后代选择器：权重为几个选择器权重相加。子代选择器：权重为几个选择器权重相加。补充：行间样式是1000，内部和外部之间没有权重之分，后面的会覆盖前面的。：标签选择器：权重为1。
2022-09-13 19:51:33
106
原创 2021-08-09
<!DOCTYPE html><html><head><meta charset="UFT-8"><title>HTML5表单标签、与浏览者互交</title></head><body><form method="post" action="save.php"><label for="username">用户名：</label><input type=.
2021-08-09 11:51:16
53
原创 定义表格标签
<!DOCTYPE html><html><head><mate charest="UTF-8"><title>表格标签</title></head><body><h3>成绩表</h3><hr /><table border="1"><caption>成绩表</caption><thead><tr&.
2021-07-31 10:35:13
511
原创 图片、链接标签
<!DOCTYPE html><html><head><mate charset="UTF-8"><title>图片、链接标签</title></head><body><p>1922年的春天，一个想要成名名叫尼克·卡拉威（<a href="http://www.m1905.com/mdb/star/3316" title="托比·马奎尔">托比·马奎尔Tobey Magui.
2021-07-31 09:54:08
52
原创 2021-07-26
<!DOCTYPE html><html><head><meta charest="UFT-8"><title>HTML5列表标签</title></head><body><ul><li>我的第一个列表</li><li>我的第二个列表</li></ul><ol><li>我的第一个列表</.
2021-07-26 11:33:03
52
原创 2021-07-26
<!DOCTYPE html><head><meta charset="UFT-8"><title>HTML效果标签</title></head><bady><p>火车飞驰过暗夜里的村庄，<br />,月光，总是太容易让思念寂寞，太容易让人觉得孤独。</p><hr /> <!--br /实现换行--><!--hr /实现添加水平线-->&.
2021-07-26 11:19:28
67
原创 2021-07-26
<!DOCTYPE html><html><head><meta charset="UTF-8"><title>HTML5语义化<title><style>span{color:blue;}</style></head><body><h1><span>了不起的比尔盖茨</h1></span><p>《了不.
2021-07-26 10:01:10
72
原创 2021-07-24
<!DOCTYPE html> <!--声明文档类型为html5--><html> <!--html标签为html文件的根标签><head> <!--head标签为头部标签，一般用来放置meta和ittle标签等--><mate charset="UTF-8"> <!--声明当前文件字符集编码为utf-8--><title>html文档结构</title> <!--t...
2021-07-25 09:45:37
71
原创 2021-07-24
<!DOCTYPE html><html><head><meta charset="UTF-8"><title>Html和css的关系</title><style type="text/css">h1{font-size:12px;（改变字体大小）color:#930;（改变字体颜色）text-align:center;（使文字居中）}</style></head><.
2021-07-24 16:26:55
64
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人