![](https://img-blog.csdnimg.cn/20201014180756916.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
CSS
WDF.
这个作者很懒,什么都没留下…
展开
-
火狐浏览器和IE浏览器滚动条隐藏设置
本来想修改在火狐浏览器滚动条的样式,但是并没有找到可以修改的方法。不过倒是找到了可以隐藏滚动条的办法。火狐:scrollbar-color: transparent transparent;IE:-ms-overflow-style: none;原创 2020-07-23 19:03:25 · 790 阅读 · 0 评论 -
float浮动
1、脱离了文档流2、不会遮挡行内元素,但是会遮挡住块元素3、不能进行上下浮动,只能设置左右浮动,即有float:left;和float:right;两个属性值4、使用了浮动后,则margin:0 auto;失效,不再起作用。5、块级元素浮动之后,需手动设置宽高;...原创 2019-08-12 16:50:52 · 202 阅读 · 0 评论 -
position定位
1、position:static;静态定位静态布局,position的默认属性值,不脱离文档流2、position:absolute;绝对定位1)脱离文档流2)不保留定位前的空间3)若父级元素有定位属性,则根据父级元素左上角定位;如果父级元素没有定位,则根据距离它最近的开启了定位的元素进行定位;如果都没有开启定位,则根据浏览器的左上角进行定位。3、position:relative;...原创 2019-08-12 16:18:51 · 188 阅读 · 0 评论 -
css的优先级
1、行内样式 > 外部样式 = 内嵌式(就近原则)2、权重!important行内:1000id选择器:100类选择器、属性选择器、伪类选择器:10标签选择器、伪元素选择器:1注:若选择器的权重相同,则就近原则...原创 2019-08-12 15:43:16 · 92 阅读 · 0 评论 -
display和visibility隐藏的区别
一、display:none隐藏用display:hidden隐藏的时候,会对元素的原先所占的空间也进行隐藏,即当它隐藏时,它不再占有原来的空间。二、visibility:hidden隐藏用visibility:hidden隐藏的时候,元素原来所占据的空间依然占据。...原创 2019-08-12 15:31:53 · 346 阅读 · 0 评论 -
外边距合并的问题和解决方法
外边距合并问题,即margin塌陷现象。一、父子级现象:解决方法:1、给父级元素添加边框属性2、给父级元素添加padding3、给父级元素添加overflow:hidden;4、给子级或父级一方添加浮动5、给子级或父级一方添加绝对定位6、给子级或父级一方添加display:inline-block;二、兄弟级1、垂直方向上,外边距如果都是正数,则不会叠加而是会取最大的值。...原创 2019-08-12 15:25:29 · 495 阅读 · 0 评论 -
清除浮动的方法
1、使用额外的标签clear:both在浮动元素下面添加一个空标签,在这个标签中设置clear:both;2、使用overflow:hidden;属性父元素定义overflow:hidden,此时,浏览器会自动检查浮动区域的高度;3、使用伪元素:after清除浮动.parent:after{//定义元素前后的生成内容,这里是定义元素后的空内容 content:""; d...原创 2019-08-12 15:04:05 · 67 阅读 · 0 评论 -
两种盒子模型
盒模型由外而内包括:边距(margin、padding)、边框(border)、填充(padding)、内容(content)一、w3c盒子模型又称内容盒子或传统盒子,是绝大多数浏览器默认的盒子模型,可以设box-sizing:content-box;使一个盒子变为w3c盒子。width和height指的是元素中内容的宽高。如下图:二、IE盒子模型可以通过设置box-sizing:bor...原创 2019-08-12 14:49:59 · 191 阅读 · 0 评论 -
css笔记二
1.语法1) 如何在html中应用css 1. 定义style属性中 缺点:样式与结构冗余 优点:优先级较高 <div style="color:#fff;background:#333"></div>定义在head标签中的style标签中缺点:样式的复用率较低优点:样式与结构分离 <head> <meta>...原创 2019-08-01 18:15:09 · 164 阅读 · 0 评论 -
笔记
1.html 超文本标记语言c 编译型语言.c -> .o.java -> .classjs/php 解释性语言 .js2. 互联网广域网、局域网ip地址 动态mac地址 静态url http://ip:port/path语法xml->html 元素开始标签 子元素/内容 结束标签属性属性名...原创 2019-07-31 22:34:57 · 122 阅读 · 0 评论 -
css部分基本语法
1.在html中,字符之间写再多的空格,浏览器也会当作一个空格解析,执行也会当作一个空格解析2.<br />表示一个换行,是一个自结束标签3.在html中,一些如<,>的特殊字符是不能直接使用的,需要使用一些特殊的符号来表示这些特殊符号,这些特殊符号我们称为实体(转义字符串),&实体名字; 如:> > < <;空格 ...原创 2019-07-28 22:16:01 · 196 阅读 · 0 评论