web
文章平均质量分 59
溯琳
前端ing
展开
-
CSS3新增结构伪类选择器
CSS3新增结构伪类选择器CSS3新增结构伪类选择器CSS3新增结构伪类选择器-nth-childCSS3新增选择器nth-type-ofCSS3新增结构伪类选择器<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0"原创 2021-04-27 23:31:27 · 152 阅读 · 4 评论 -
CSS3新增属性选择器
CSS3新增属性选择器<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta http-equiv="X-UA-Compatible" content="ie=edge" />原创 2021-04-27 10:16:28 · 244 阅读 · 0 评论 -
HTML5新增input表单
HTML5新增input表单input表单表单属性input表单<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta http-equiv="X-UA-Compatible" co原创 2021-04-27 00:00:25 · 118 阅读 · 0 评论 -
HTML5音频
HTML5音频<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta http-equiv="X-UA-Compatible" content="ie=edge" />原创 2021-04-18 00:10:04 · 665 阅读 · 9 评论 -
HTML5视频
HTML5视频<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta http-equiv="X-UA-Compatible" content="ie=edge" />原创 2021-04-17 00:31:01 · 753 阅读 · 4 评论 -
CSS字体图标
CSS字体图标字体图标的和字体的属性相同首先需要下载图标推荐:icomoon字库http://icomoon.io阿里iconfont字库http://www.iconfontcn/icomoon字库选完自己想要的图标后点Generate Font然后点Downlod下载将下载好的压缩包解压 .把下载包里面的fonts文件夹放入页面根目录下将style.css里面的这一部分复制到CSS或style里然后打开刚才压缩包里的demo.html然后复制要用的图标的小方块到ht原创 2021-04-13 22:19:41 · 139 阅读 · 0 评论 -
CSS精灵图
CSS精灵图用精灵图写自己的名字<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <meta name="viewport" content="width=device-width, initial-scale=1.0"原创 2021-04-13 21:32:41 · 80 阅读 · 0 评论 -
CSS元素的显示和隐藏
CSS元素的现实和隐藏displayvisibilityoverflowdisplay<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <meta name="viewport" content="width=device原创 2021-04-13 10:17:27 · 125 阅读 · 3 评论 -
CSS定位
CSS定位相对定位绝对定位固定定位粘性定位绝对定位水平垂直居中定位层叠定位的扩展相对定位<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <meta name="viewport" content="width=devic原创 2021-04-12 21:39:16 · 141 阅读 · 4 评论 -
CSS浮动及清除浮动
CSS浮动及清除浮动浮动清除浮动浮动<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <meta name="viewport" content="width=device-width, initial-scale=1.0原创 2021-04-11 17:26:42 · 204 阅读 · 4 评论 -
CSS盒模型注意点
块级元素水平居中.div{width:100px; margin: 0 auto;行内元素或者行内块元素水平居中给其父元素添加text-align:center即可使用margin时嵌套块元素垂直外边距的塌陷可以为其父元素加overflow:hidden;注意:行内元素为了照顾兼容性,尽量只设置左右内外边距,不要设置上下内外边距。但是转换为块级和行内块元素就可以了....原创 2021-04-10 23:45:01 · 105 阅读 · 0 评论 -
CSS元素显示模式
CSS元素显示模式元素显示模式转换块级元素与行内元素行内块元素侧边栏练习元素显示模式转换<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <meta name="viewport" content="width=devic原创 2021-04-10 20:57:24 · 103 阅读 · 1 评论 -
CSS背景
CSS背景背景颜色背景图片位置背景色半透明背景颜色<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <meta name="viewport" content="width=device-width, initial-sc原创 2021-04-10 20:45:52 · 2052 阅读 · 16 评论 -
CSS选择器总结
CSS选择器总结CSS基础选择器CSS复合选择器博主总结CSS基础选择器CSS复合选择器CSS基础选择器CSS复合选择器ps:图片来自黑马程序员原创 2021-04-10 19:57:22 · 74 阅读 · 0 评论 -
CSS复合选择器
CSS复合选择器后代选择器子代选择器并集选择器伪类选择器链接伪类选择器:focus 伪类选择器后代选择器<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <meta name="viewport" content="wid原创 2021-04-09 23:02:09 · 125 阅读 · 1 评论 -
Web大佬使用的快速敲代码方式——Emmet语法
Web Emmet语法注释部分为说明<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <meta name="viewport" content="width=device-width, initial-scale=1.0原创 2021-04-09 22:48:05 · 225 阅读 · 3 评论 -
CSS引入方式与文本属性
CSS引入方式与文本属性引入方式内部样式表行内样式表外部样式表文本属性文本对齐文本缩进文本颜色行间距装饰文本引入方式内部样式表<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" conten原创 2021-04-09 17:35:14 · 92 阅读 · 0 评论 -
CSS字体
CSS字体字体系列字体大小字体粗细字体样式复合属性字体系列<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title>字体系列</title> <style type="text/css"> p { font-family: 楷体; } h1 { font-family: "microsoft yahei",楷原创 2021-04-08 19:18:10 · 105 阅读 · 0 评论 -
个人简历
个人简历<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title>个人简历</title> <style type="text/css"> *{ margin: 50px auto; padding: 0; } .a,.b,.c,.d,.e{ background-color:skyblue; }原创 2021-04-05 22:03:49 · 2031 阅读 · 16 评论 -
CSS基础选择器
CSS基础选择器标签选择器类选择器ID选择器通配符选择器h1 {color: aqua; font-size: 20px;}选择器{属性:属性值;属性:属性值;}标签选择器p {color: red;}标签选择器是指用HTML标签名称作为选择器,按标签名称分类,为页面中某一类标签指定统一的CSS样式。标签选择器可以将某一类标签全部选择出来设置属性。优点:快速的将同类型的标签同一样式。缺点:不能有差异化的设计。类选择器类选择器使用class属性来调用class类。在HTML中<原创 2021-04-07 23:24:14 · 318 阅读 · 7 评论 -
HTML注册页面
只用HTML写的注册页面<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>恋爱</title> </head> <body> <h3>青春不常在,抓紧谈恋爱</h3> <table border="0" cellspacing="5" cellpadding="5" width="600px原创 2021-04-07 21:59:36 · 251 阅读 · 1 评论 -
HTMLform表单
表单 <form action="index.php" method="post"> <!-- action跳转的链接URL method:跳转方式 pet post --> 用户名:<input type="text" name="username" value="请输入用户名"/><br> <!-- test文本框 用户可以在里面输入任何文字 value已经填入表格的信息--> 密码:<原创 2021-04-07 19:13:55 · 123 阅读 · 0 评论 -
HTML学习笔记1 特殊符号
HTML学习笔记1字符集HTML标签图片img文本格式化标签特殊符号超链接表格列表字符集<meta charset="utf-8"><!-- charset常用值有:GB2312、BIG5、GBK和UTF-8, 其中UTF-8被称万国码,基本包含了全世界所有国家需要用到的字符-->HTML标签 <h1>----<h6> <h1>一级标题</h1> <!-- 作为标题使用,根据重要性递减原创 2021-04-06 22:57:13 · 198 阅读 · 0 评论