- 博客(19)
- 收藏
- 关注
RSS订阅原创 CSS3相关
一、CSS新增选择器1、属性选择器E[att] 选择具有att属性的E元素E[att=“val”] 选择具有att属性且属性值等于val的E元素E[att^=“val”] 匹配具有att属性且值以val开头的E元素E[att$=“val”] 匹配具有att属性且值以val结尾的E元素E[att*=“val”] 匹配具有att属性且值中含有val的E元素2、结构伪类选择器结构伪类...
2020-04-26 21:55:19
142
原创 CSS的三大特性
层叠性相同选择器给设置同样的样式，一个样式就会覆盖另一个冲突的样式。就近原则那个样式离结构近就用哪个继承性子元素可以继承父元素的样式：text- ,font- ,line- ,color ,行高的继承性优先级同一个元素指定多个选择器，就会有优先级 选择器相同，执行层叠性 选择器不同，则根据选择器的权重执行...
2020-04-26 19:41:49
142
原创 HTML5的新特性
一、语义化标签<header>我是头部</header> <nav>导航标签</nav><article>内容标签</article><section> 定义文档某个区域</section><aside> 侧边栏标签</aside><footer>尾部标...
2020-04-26 19:39:05
124
原创 HTML标签详解
<!DOCTYPE>文档类型声明标签，作用就是告诉浏览器使用哪种HTML版本来显示网页lang 语言种类：用来定义当前文档显示的语言；en：定义语言为英语（英文网页）；zh-CN：定义语言为中文（中文网页）charset：字符集：是多个字符的集合。以便计算机能识别和存储各种文字在标签内，可以通过标签的charset属性来规定HTML文档应该使用哪种字符编码使用最多的是,被称为...
2020-04-26 19:29:52
146
原创 元素的显示和隐藏
一、display 属性：用于设置一个元素应如何显示display：none；隐藏对象display：block；除了转换为块级元素之外，同时还有显示元素的意思。【隐藏元素后，不再占有原来的位置】二、visibility：用于指定一个元素应可见还是隐藏visibility：hidden；元素隐藏visibility：visible；元素可视【隐藏元素后，继续占有原来的...
2020-04-25 21:28:09
115
原创 浮动详解
浮动定义浮动属性用于创建浮动框，将其移到一边，直到左边缘或右边缘触及包含块或另一个浮动框的边缘。浮动特性浮动元素会脱离文档流脱离文档流的控制（浮）移动到指定位置（动），俗称脱标，浮动的盒子不再保留原先的位置浮动的元素会在一行显示并且元素顶部对齐浮动的元素会具有行内块元素的特性如果行内元素有了浮动，则不需要转换为块级/行内块元素就可以直接给宽度和高度；如果块级盒子没有设置宽度，默认宽...
2020-04-25 18:18:19
386
原创 定位详解
之前一直对CSS的定位非常模糊，今日整理了一下✌static（静态定位）元素出现在正常的文档流中忽略 top, bottom, left, right 或者 z-index声明。当你没有为一个元素指定定位方式时，默认为static，也就是按照文档的流式(flow)定位，将元素放到一个合适的地方。在不同的分辨率下，采用流式定位能很好的自适应，取得相对较好的布局效果。absolute（...
2020-04-02 22:14:00
219
原创 美团点评一面（表示已凉）
-晚上突然接到电话，给了自己10个小时准备，真的丧。在家没有好好的复习面试，所以就准备的特别慌乱。真的乱点，疑点，不确定的点太多了。把自己的第一次交给了美团，不过面试官蛮好的，最后会指出来我哪些地方需要加强，哪些地方需要去做。下面总结记录一下趴！一面（一个小时）介绍项目，做项目前有没有调研过项目如何上线，怎么放到服务器上，怎么推广到应用商城；项目的核心技术，项目的难点；聊了好半天，ge...
2020-03-31 12:41:44
274
原创 布尔值判断问题
console.log(2 == "2"); //trueconsole.log(null == undefined);//trueconsole.log(null == 0);//falseconsole.log("20"=="20");//trueconsole.log(2==true);// 对象==对象比较大小也不会发生数据类型转换flaseconsole.log([]==[])...
2020-02-25 14:19:57
304
原创 CSS新样式
一、text-shadow: x y blur color, …x 横向偏移; y 纵向偏移; blur 模糊距离; color 阴影颜色; 文本阴 影如果加很多层，会很卡，如：text-shadow:2px 2px 4px black注意：有多个阴影的先渲染后面的，再渲染前面的叠加：text-shadow:2px 2px 0px red, 2px 2px 4px green;层...
2020-02-24 19:12:25
236
原创 隐藏元素的方法
隐藏元素：display:none;display:block;opacity:0;visibility:hidden;visibility:visible;visibility:hidden/visible; //隐藏元素但是依然占位display:none/block; //隐藏元素但是不占位...
2020-02-23 21:00:24
60
原创 浏览器的兼容写法
Ⅰ.css部分一、清除浏览器的默认样式不同浏览器都会带有自己的浏览器默认样式，一般我们写一个单独的样式表来设置初始样式，在每一次新建一个页面时引用这个样式表即可(common.css)二、css浏览器兼容前缀写法为了让CSS3样式兼容，需要将某些样式加上浏览器前缀：-ms- IE浏览器-moz- 火狐浏览器-webkit- chrome和safari浏览器-o- 欧鹏浏览器三、常...
2020-02-23 20:16:50
477
原创 浏览器内核的类型
一. Webkit内核：1.Safari浏览器Safari,苹果计算机的操作系统Mac OS中浏览器，2003年，用来取代之前的Internet Explorer for Mac2.ChromeChrome的目标是提升稳定性、速度和安全性，并创造出简单且有效率的使用者界面。二. Presto内核：Opera采用的内核：该内核在2003年的Opera7中首次被使用一直到2013年2月，...
2020-02-23 20:04:21
99
原创 超链接（link|a）
<link rel="stylesheet" href="style.css">引用，讲目标文件和当前文件链接起来<a href="外链1.html">跳转页面</a>引入，将目标文件作为代替该该元素的方式引入页面<img src="logo.png" alt="代替文字，无法显示图片时的文本" align="设置right和left时，与文字...
2020-02-23 20:01:22
1108
原创 选择器知识
一、选择器1、我们把css样式写在style属性里的做法叫做行间样式表，该方法设置的样式只对当前元素有效（现在已经很少使用）2、 在head里设置一个style标签，用选择器和样式的写法叫做内部样式表，该方法对当前页面有效（适量使用）3、 *（通配选择器）：获取所有子元素；类型选择器（如：div）：获取所有该种元素；类名选择器（.加上class属性的值）：获取所有具有该类名的元素；id选择器...
2019-07-19 08:30:28
104
原创 响应式布局
一、响应式布局1.什么是响应式布局？响应式布局也叫自适应布局，简单来说，是指对不同尺寸的设备展示出不同的布局方式，广泛应用于移动端的开发2.响应式布局的要点1.百分比单位的使用默认情况下所有的width属性都用百分比设定，还有rem等通常也会使用相对单位注：rem为了保证界面在各种屏幕上不失真，就要根据实际屏幕宽度做等比例换算，才能写进CSS，这就用到了rem2.弹性布局3.媒体...
2019-07-19 08:26:20
74
原创 选择器
一、优先级1、 !important > 行间样式> id > class > 标签选择器 > (通配选择器) > 继承 > 浏览器默认样式二、类型1、包含选择器 ： #box .p包含选择器层级较多时，可以约分包含选择器：如#id .class的优先级高于#id;如果多个选择器优先级一致：后面覆盖前面2 、 分组选择器 #box1...
2019-07-17 07:48:40
169
原创 元素的分类及特点
区块元素：每个元素独占一行；支持所有的样式；不设置宽度时宽度等于父元素宽度；换行符不会解析；如：div、ul、ol、dl、li、p、h1~h6、table、form、pre等元素内联元素：在一行有空间时，多个元素可以在同一行显示；不支持宽高样式，使用上下margin和padding等样式会出现问题；宽度由内容（文字图片等）撑开；换行符会被解析（不同浏览器下显示的宽度也不同）如：span、a、...
2019-07-17 07:39:08
888
原创 Git(码云)-----远程提交文件和创建新的分支后提交给新的分支
Git(码云)-----远程提交文件和创建新的分支后提交给新的分支本地提交（记事本格式一定要UTF-8）（首先要在你选择的位置创建文件夹，里边添加自己的.txt文件，然后从文件夹所在位置打开Git bash here）方法一：1、git config – 配置相关信息2、git init – 初始化仓库3、ssh-k...
2019-07-16 11:57:30
724
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人