![](https://img-blog.csdnimg.cn/20201014180756922.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
HTML5
文章平均质量分 60
huijie_0716
新的前端工程师
展开
-
移动端-项目属性
项目属性1.align-self单个项目在交叉轴的对齐方式flex-start:交叉轴的起点对齐。 flex-end:交叉轴的终点对齐。 center:交叉轴的中点对齐。 baseline: 项目的第一行文字的基线对齐。 stretch(默认值):如果项目未设置高度或设为auto,将占满整个项目的高度。2.order属性定义项目的排列顺序。数值越小,排列越靠前,默认为0 ,只能是整数3.flex-grow属性定义项目的放大比例,默认为0,即如果存在剩余空间,也不放大4.flex原创 2022-03-24 20:00:50 · 111 阅读 · 0 评论 -
vw、vh 、弹性盒子
vw:1vw 等于视口宽度的1% Vh:1vh 等于视口高度的1%由于使用vw、vh依赖于视图窗口,故当屏幕分辨率变大或者缩小,尺寸会进行相应的放大或者缩小,当页面足够大,或者足够小时,尺寸会变得很大或者很小浏览器高度950px,宽度为1920px, 1 vh = 950px/100 = 9.5 px,1vw = 1920px/100 =19.2 px...原创 2022-03-23 18:49:54 · 525 阅读 · 0 评论 -
分栏、媒体查询、单位
分栏column-count 列数 column-width 列宽 column-gap 列间距 column-rule 列样式p{column-count: 4; //栏数 列数column-width: 200px; //栏宽 列宽columns: 200px 4; //>=800px 按栏数 //<800px 按栏宽column-gap: 10px; //栏间距 列间距colum...原创 2022-03-21 19:26:25 · 98 阅读 · 0 评论 -
css变换
移动移动 translate(x,y) 水平移动 translateX() 垂直移动 translateY()水平移动500像素transform: translateX(500px);垂直移动500像素transform: translateY(500px); 对角线移动transform: translate(500px,400px);旋转...原创 2022-03-17 21:35:34 · 500 阅读 · 1 评论 -
css3-文本阴影、字体定义、边框阴影 、圆角边框、渐变、过渡
文本阴影text-shadow: h-shadow v-shadow blur colorh-shadow必需。水平阴影的位置。允许负值v-shadow必需。垂直阴影的位置。允许负值blur可选。模糊的距离。color可选。阴影的颜色text-shadow: 0 0 20px #fefcc9字体定义定义字体@font-face{font-family:字体名称;src:url...原创 2022-03-16 21:19:03 · 499 阅读 · 0 评论 -
css3内容
二级菜单<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> *{ margin: 0;padding: 0; } ul{ list-style: none; } a{ text-decoration: none;原创 2022-03-15 21:43:05 · 417 阅读 · 0 评论 -
HTML5
这是HTML新增标签原创 2022-03-14 20:47:30 · 338 阅读 · 0 评论 -
盒子模型-浮动
浮动float left 左浮动 right 右浮动开启BFC方式 1.overflow的值不是visible的其他值 2.display的值是inline-block、table、table-cell、fiex 3.float的值不是none的其他值能解决哪些问题 1.margin重叠问题 2.浮动带来的父元素高度坍塌的问题 ...原创 2022-03-08 18:25:26 · 197 阅读 · 0 评论 -
盒子模型-背景
背景背景颜色background-color: #FF0000;背景图片background-image: url(../img/img/pic2.jpg);背景重复方式background-repeat: repeat; //水平垂直均重复background-repeat: repeat-x; //水平重复background-repeat: repeat-y; //垂直重复background-repeat: no-repeat; //不重原创 2022-03-07 21:27:40 · 193 阅读 · 0 评论 -
学习了一周的HTML
段落标签<p>段落</p> 独占一行标题标签<h1>标题标签</h1><h2>标题标签</h2><h3>标题标签</h3><h4>标题标签</h4><h5>标题标签</h5><h6>标题标签</h6>共同点:都加粗,都是块元素不同点:字号依次减小图片标签<img src="" alt="..原创 2022-03-05 21:15:00 · 176 阅读 · 0 评论 -
复习html
html文档基本结构<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> </head> <body> </body></html>图片标签<img src="" alt="" widt="" heig.原创 2022-03-04 21:14:00 · 406 阅读 · 1 评论 -
css盒子模型
盒子模型-大小width和height转载 2022-03-04 19:03:04 · 67 阅读 · 0 评论 -
css字体相关样式、文本相关样式
css字体相关样式、文本相关样式原创 2022-03-03 16:12:10 · 265 阅读 · 2 评论 -
css样式、选择器
样式行内式<span style="color: red;"></span>内嵌式<style type="text/css"> div { background-color: gray; width: 500px; height: 500px; }span { color: red; }</style>外链式<link rel="stylesheet" href="css/01.css">原创 2022-03-02 17:46:28 · 145 阅读 · 0 评论 -
link与@import导入外部样式的区别、href与src的区别
link与@import导入外部样式的区别、href与src的区别转载 2022-03-02 14:33:09 · 333 阅读 · 0 评论 -
css解释和引入css样式
css解释前端网页的三个层html 用来搭建网页基本骨架 结构层css 用来修饰你的网页 表现层JavaScript 脚本 行为层css是层叠样式表优点使HTML专注于网页的内容,css专注于网页的表现提供了丰富的格式化功能可以针对各种可视化浏览器(主要有显示器、打印机、PDA等)来设置不同的样式 css与浏览器并不是所有的CSS的样式...原创 2022-03-01 18:19:32 · 601 阅读 · 1 评论 -
表单的补充——表单域
表单域对象表单域包含了文本框、多行文本框、密码框、隐藏域、复选框、单选框和下拉选择框等,用于采集用户的输入或选择的数据文本框文本框是一种让访问者自己输入内容的表单对象,通常被用来填写单个字或者简短的回答,如姓名、地址等代码格式:<input type="text" name="..." size="..." maxlength="..." value="...">密码框是一种特殊的文本域,用于输入密码。当访问者输入文字时,文字会被星号或其它符号代替,而输入的文字会被隐藏。原创 2022-02-28 18:26:17 · 1968 阅读 · 1 评论 -
表格的合并和表单
表格合并colspan 左右合并 rowspan 上下合并<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> </head> <body> <table border="1" cellspacing="0"> <tr> <td colspan="2"原创 2022-02-25 18:54:17 · 435 阅读 · 0 评论 -
学习HTML的第三天,表格的基本结构
表格基础原创 2022-02-24 21:22:01 · 215 阅读 · 0 评论 -
HTML的第三天,超链接和行内框架
学习HTML的第三天,超链接和行内框架,请多多指教原创 2022-02-24 20:38:34 · 228 阅读 · 0 评论 -
学习HTML
学HTML的第二天原创 2022-02-23 21:05:07 · 275 阅读 · 0 评论 -
学HTML5第一天,有不足的地方请大家指正出来,一起学习
学习HTML的第一天,请各位大神多多指教,这也是我第一次发些内容,有那些不对的地方能帮我指出来,谢谢观看,欢迎大家点赞收藏原创 2022-02-22 20:49:02 · 243 阅读 · 1 评论