- 博客(18)
- 收藏
- 关注
RSS订阅原创 day18 css3响应式布局
媒体类型彩屏类型：电脑屏幕、平板、智能手机还有打字机、盲人阅读器css中@media screen{ .box{ width:400px; height:400px; background-color:red;}}min-width最小值为800px时，会发生改变@media screen and (min-width:800px){ .box{ ...
2021-09-01 14:10:14
108
原创 day16 HTML5结构性标签 css3
HTML5结构性标签<header></header>页眉，也可以用于板块头部<nar></nar>导航（链接的一个列表）<nar> <a href="#">链接</a><a href="#">链接</a></nar><section></section>页面上的板块<article></article&g...
2021-08-22 15:19:06
168
原创 day14 渐变 倒影 背景
线性渐变css：.box{background-image:linear-gradient(red,yellow)}向右进行渐变.box{background-image:linear-gradient(to right,red,yellow)}向右上角进行渐变.box{background-image:linear-gradient(to top right,red,yellow)}颜色可以加多个，渐变是1...
2021-08-09 21:48:53
66
原创 day13 过渡 动画 颜色
颜色hslahsl(色调,饱和度,亮度)div{ background-color:hsl(0,100%,50%)}色调：红色（0）——绿色（120）——蓝色（240）——红色（360）亮度50%是正常 越小越暗 越大越亮 0%是黑色 100%是白色hsla(色调，饱和度，亮度，透明度)透明度0是纯透明 1是不透明当前色currentColor 是css中background-color的属性值div{ color:red; ...
2021-08-08 13:50:15
86
原创 day12 css继承 css重用 css布局
继承指子级有父级的css样式p会继承div标签的样式<div>div</div> <p>p</p>可以继承文本居中text-align 字体颜色 字体大小等不可以继承 border边框 padding内边距 margin外边距等inherit不可以继承 修改成可以继承p{ border:inherit;}可以用inherit进行继承操作继承优先继承父级（就近原则）css重用将css样式.
2021-08-08 12:49:01
134
原创 day11 表格 iframe内联框架
表格结构样式：<body> <table> <!-- 表头 --> <thead> <td>表头</td>/*也可以用th*/ </thead> <!-- 表身 --> <tbody> <td>表身</td>
2021-08-04 15:54:49
159
原创 day10 表单 form控件 input option
form1、action属性规定内容传输到什么地方<button>按钮</button>按钮标签<form action="https://www.baidu.com"></form>2、name用于后台交互 是这个form的名字<form action="" name="">3、方法<form action="" name="" method=“” target="_blank">方法...
2021-08-04 15:54:38
308
原创 day9 定位
在html中方位值top距上距离 bottom距下 left距左 right距右静态定位position:static 默认定位静态定位方位值不起作用具有清除定位的作用相对定位position:relative 支持方位值相对位移是对自己移动了距离50%是针对父级的一半 是左上角与父级中点对齐绝对定位position:absolute绝对定位能够脱离正常的文档流 默认参考系是body 与页面原定相对在父级加position:relative 就会以父级..
2021-07-30 17:48:39
53
原创 day8 浮动
初始浮动float:left;浮动：使元素脱出文档流（就是与不加浮动的元素不在一个层上），按照指定方向发生移动，遇到父级或同级浮动元素后停下同级浮动宽度不够后会到第二行浮动后特征，1、块级元素横排展示2、可以使行内元素变成块级元素，从而支持宽高...
2021-07-30 17:48:11
56
原创 day7 vertical-align 高级选择器
vertical-align:垂直方向上中下topmiddlebottombaseline(基线对齐)默认值一共四条线 第一条是top 最后一条是bottom 基线是第三条线 middle是中间分垂直对齐的条件：display多组合选择器 <style> ...
2021-07-30 09:49:45
66
原创 day6 字 文本 字符实体 文字溢出
font字体样式font-family字体风格font-family: '宋体';font-size字体大小,默认字体大小16px 最小字体大小12pxfont-size:16px;font-size:200%;的大小是父级的2倍%相对于父级字体大小的百分比em相当于父级字体大小font-weight字体粗细，默认400 取值范围是100~900font-weight:normal;正常 bold加粗=700font-color字体颜色font-sty...
2021-07-27 22:03:09
121
原创 day5 选择器 嵌套规则 背景
html命名a 名字用小写字母b 可以英文开头，不能使用中文，不能用数字开头，可以用- 和 _ 或者用大小写c 见名知意命名方式：1、id命名css中可以用 # 选择id命名具有唯一性2、class命名css中用 . 选择class可以重复 一个class用于多个盒子初级选择器...
2021-07-27 14:04:55
72
原创 day4 样式初始化 标签种类
样式初始化 就是重设浏览器的样式*{margin:0px;padding:0px;}a{text-decoration:none;}去除a标签的下划线img{border:none;}ul{list-style-type:none;}去除列表圆点h ul div 标题标签是块级标签 独占一行 支持样式（支持css）span sup sub i em b strong标签是行内标签 横排展示 支持css...
2021-07-16 22:01:18
63
原创 day3 a标签 描点 图片标签 div标签
<a href="">这是一个空的跳转地址</a><a href="javascript:;">禁止跳转</a><a href="javascript:void(0);">禁止跳转</a>锚点<ahref="#42">第一,跳转到第四十二</a><ahref="#42"name="42">我是第四十二</a>a标签可以通过href后#后面的内容...
2021-07-14 23:37:15
112
原创 day2结构
alt + b 不是热加载 从内部打开直接live server是热加载 服务器打开css是css层叠样式表html是标记语言css是表 样式表 层叠样式表h红色的颜色在青色上面，二者是叠加状态，青色没有消失。内部样式：写在style标签中的叫做内嵌式样式；行内样式 ：样式写在标签中，叫做行内样式。外部样式不在html中 要用link标签<link rel="" href="">rel是关系 href是路径javascrip...
2021-07-11 21:11:59
51
原创 day1 学习web
学习使用vs codectrl + / 是注释标签<!DOCTYPEhtml>:类似于自我介绍HTML5（最新的一个版本）可以向下兼容<htmllang="en">:lang:language【语言】en:englishmeta:辅助标签一些声明<metahttp-equiv="X-UA-Compatible"content="IE=edge">属性：属性值以ie最高级别的ie保持一致 保持最新版本，对ie8以下的浏览器保持一...
2021-07-11 21:10:35
61
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人