TEtryandtry

CSS

git(5) HTML(7) javascript(14) mongodb(1) node(8) REACT(2) vscode(1) VUE(23) vue.js(3) word(1) 前端面试(3) 小程序代码报错(1) 小程序配置项(1)

/ 注册

全部文章 / CSS （共24篇）

CSS中link 和@import的区别

1.@import是css提供的语法规则，而link是html的标签，link不仅可以加载 CSS 文件，还可以定义 RSS、rel 连接属性等 2.加载顺序有差别,link引入的css将在加载页面的时候被同时加载，而@import引入的css将在页面加载完成之后被引用 3.@import是css2...

2020-09-16

0 447

媒体查询

@media screen and (min - width:768px) and (max-width : 960px){ 代码在里面写，会进行样式的覆盖 } media 查询 screen 屏幕 min-width 最小宽度 max-width 最大宽度

2020-09-16

0 891

css三大特性总结

缺少了一项，补充，css具有继承性，继承的权重为0

2020-09-16

0 351

css之外边距塌陷

当两个相邻元素都有垂直外边距并且连接在一起时，会造成塌陷，例如，上面的元素设置成margin-bottom:20px;下面的元素设置成magrin-top:10px，我们想象中的它俩之间的距离是30px，但是实际只有20px，较小的那个外边距会消失

2020-09-16

0 458

css之padding的妙用

当我们在设置子元素的时候，尽量不要设置宽度，默认继承父级宽度100%，我们设置padding的时候，不会撑开盒子；但是当我们设置了确切的宽度之后，宽度加上padding，如果大于父级元素的宽，却会撑开盒子。所以尽量不要设置确定的宽度

2020-09-16

0 467

css之嵌套关系垂直外边距合并解决方案

（1），设置border-top:1px solid transparent; （2）,可以给父级指定一个上padding值（3），给父级设置overflow:hidden;

2020-09-16

0 374

css之怎样解决图片下间隙的问题

图片下间隙问题的原因，行高是由四条线组成的，顶线，中线，基线，底线，图片的底边默认和基线对齐，这就造成了基线与底线之间的留白。解决方法：1,改变标签的元素状态，图片默认是行内块元素，把它设置为块级元素即可 2.让图片的底边不与基线对齐，vertical-align设置为除基线以外的其他任何一条线即...

2020-09-16

0 393

css选择器权重以及权重叠加问题

css中权重大小： * 标签 0 类 10 ID 100 标签内样式 1000 ！important 无穷大样式继承的权重为0，权重之间不能越界，11...

2020-09-16

0 403

最全的css选择器说明

1.css老版本选择器（1）元素选择器element(权重0) 直接在style中用元素设置的选择器（2）类选择器.(权重10）（3）id选择器#（权重100）（4）通配符选择器*(权重0) （5）伪类选择器（权重10） link,visited,hover,active （6）其他一些不...

2020-09-16

0 427

css之2d转换

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport"...

2020-09-16

0 411