前端
bdevy
这个作者很懒,什么都没留下…
展开
-
前端-1-基础
设置编码<meta charset="UTF-8"> 基本标签<h1>标题一</h1><h2>标题二</h2><h3>标题三</h3><h4>标题四</h4><h5>标题五</h5><h6>标题六</h6><...原创 2019-08-14 14:52:15 · 105 阅读 · 0 评论 -
前端-3-css(注意css选择器)
一、基础css:层叠样式表(Cascading Style Sheets)语法结构选择器{ 属性:值;}二、css样式分类行内样式:标签内在标签内使用style属性进行设置内部样式表:style标签内在style标签内通过选择器设置<style type="text/css"> </style>外部样式表:css文件在cs...原创 2019-08-14 19:45:23 · 143 阅读 · 0 评论 -
前端-4-Emmet总结
这里只总结了一些常用的及实例,有些此处未介绍的见参考文档HTML!<!doctype html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, u...原创 2019-08-19 22:09:52 · 73 阅读 · 0 评论 -
前端-5-小总结
当执行代码时,css去找标签,并且css样式路径写的越清晰,找的速度越快标签可以使用多个选择器,以空格分割<div class="div01 div02"></div>布局div 内的内容必须有div包含着,即 <img....> <p>...</p> </div>标准文...原创 2019-08-19 23:09:41 · 92 阅读 · 0 评论 -
前端-6-伪类选择器、伪元素选择器、结构性伪类选择器
伪类选择器4个伪类选择器:l-v-h-a:linka:link{color:red} /*未被访问的链接*/:visiteda:visited{color:blue}} /*已被访问的链接*/:hovera:hiver{cursor:pointer} /*鼠标移动到链接上*/activea:active{color:pink} /*正被点击的链接*/...原创 2019-08-20 08:35:18 · 213 阅读 · 0 评论 -
前端-7-display、box-sizing、渐进增强和优雅降级
盒的display类型block 块级元素inline 行内元素inline-block 行内块元素:在父容器内写,可以使子元素div在一行与float:left区别:1. inline-block没有脱离文档流,不会高度塌陷2. inline-block子元素之间有空格,换行引起的。去空格:父元素添加font-size:0px;删除子元素间的空格)3. inline-...原创 2019-08-20 10:36:42 · 133 阅读 · 0 评论 -
前端-2-样式布局(margin、padding、position)
ps:因为涉及布局的标签,调整布局一直很迷(不是说难,就是有些时候影响因素太多,不一定哪里就影响到了,这里简单先总结一下涉及到布局的css样式属性)style=“text-align:center” 使里面内容居中margin:autopadding:30px 内边距...原创 2019-08-15 08:27:17 · 548 阅读 · 0 评论 -
前端-3-盒子模型
一、盒子模型border边框的一条线为梯形结构border:2px solid black 边框2px的黑色实线border:2px dashed black 边框2px的虚线border-right:2px solid transparent 右边框透明直接 border-right: transparent 和不设置右边框一样,即不存在右边框,必须有 solid 或其他线型...原创 2019-08-16 09:50:30 · 129 阅读 · 0 评论 -
前端-9-选择器权重问题的错误理解纠正
假如有选择器1和2,且权重2>1,它是选择器的覆盖,而不是直接对选择器整个进行选择,即:1有样式A和样式B,2有样式B和样式C,那么,如果一个元素有这两个选择器,则该元素有样式A、B(2中的)、C【我之前一直理解的是直接对选择器进行选择,即只含有B、C了。。。。】header{} 权重为1section header{}权重为2例子:<style> header{...原创 2019-08-21 16:09:44 · 541 阅读 · 0 评论