• CSS 定位 四种定位

    absolute 生成绝对定位的元素,相对于static定位以外的第一个父元素进行定位。元素的位置通过left,top,right以及bottom属性进行定位。 fixed 生成固定定位的元素,相对于浏览器窗口进行定位。元素的位置通过left,top,right以及bottom属性进行定位。 relative 生成...

    2019-08-14 09:52:44

  • layer设置maxWidth及maxHeight解决方案

    layer介绍 layer 是一款近年来备受青睐的web弹层组件,她具备全方位的解决方案,致力于服务各水平段的开发人员,您的页面会轻松地拥有丰富友好的操作体验。下载及使用访问官方网站。 area属性 layer的宽高是通过area属性设置,例如 area:[300px',600px'],表示定义宽30...

    2019-08-14 09:52:43

  • CSS设置浮动导致背景颜色设置无效的解决方法

    float浮动会使父元素高度塌陷,父级元素不能被撑开,所以导致背景颜色不能被撑开 解决方法: 对父元素设置高度 对父元素设置 overflow:hidden清除浮动 把父元素也设置为float浮动 结束标签前加代码:div style="clear:both"/div...

    2019-08-14 09:52:32

  • 前端-CSS

    一、概述 CSS是Cascading Style Sheets的简称,中文称为层叠样式表,用来控制网页数据的表现,可以 使网页的表现与数据内容分离 。 二、CSS的引入方式 1. 行内式 行内式是在标记的style属性中设定CSS样式。这种方式没有体现出CSS的优势,不推荐使用。 span style="colo...

    2019-08-14 09:52:26

  • 要什么 Photoshop,会这些 CSS 就够了

    标题党一时爽,一直标题党一直爽 还在上大学那会儿,我就喜欢玩 Photoshop。后来写网页的时候,由于自己太菜,好多花里胡哨的效果都得借助 Photoshop 实现,当时就特别希望 CSS 能像 Photoshop 一样处理图片。 随着对 CSS 的了解越多,我发现 CSS 有很多平时用得少(或...

    2019-08-14 09:52:25

  • @media screen媒体查询实现页面自适应布局

    @media screen and (min-width:1200px) { //大于等于1200px才会进入 } @media screen and (max-width:375px) { //小于等于375可以进入 html { background : red ; } } 由此可见,边界都包含在内。 更多参考连接https://www.runoob.com/cssref/css3-pr-mediaquery.html...

    2019-08-14 09:52:16

  • HTML给标题栏添加图标

    link rel ="icon" href ="images/logo.icon" type ="image/x-icon" 也可以使用shortcut icon short icon,特质浏览器中地址栏左侧显示的图标,一般大小为16*16,后缀名为icon; icon 指的是图标,格式可以PNG|GIF|JPEG,尺寸一般为16*16,24*24,36*36;...

    2019-08-14 09:52:21

  • HTML连载26-谷歌开发者工具其它作用&CSS继承

    一、谷歌开发者工具其他特性(谷歌浏览器快捷键F12) (1)元素选择, 在里面我们可以看到某些行的具体代码 (2)查看源代码 (3)该元素的样式显示,我们可以看到我们选中的元素的具体样式属性,可以在里面进行更改,但不会修改源代码,只会当做临时查看 (4)具体的...

    2019-08-14 09:51:55

  • 前端-HTML基础

    一、什么是HTML hyper text markup language 即超文本标记语言 超文本: 就是指页面内可以包含图片、链接,甚至音乐、程序等非文字元素。 标记语言: 标记(标签)构成的语言. 网页==HTML文档,由浏览器解析,用来展示的 静态网页:静态的资源,如xxx.html 动态网页:htm...

    2019-08-14 09:52:00

  • css 设置overflow:scroll 滚动条的样式

    /* 定义滚动条样式 */::-webkit-scrollbar { width: 6px; height: 6px; background-color: rgba(240, 240, 240, 1);}/*定义滚动条轨道 内阴影+圆角*/::-webkit-scrollbar-track { box-shadow: inset 0 0 0px rgba(240, 240, 240, .5); border-radius: 10px; background...

    2019-08-14 09:51:30

2