• css 实用代码汇总

    1、table 排版(防止td文字过多导致table变形) table { /*为表格设置合并边框模型*/ border-collapse: collapse; border-spacing: 0; /*固定表格布局*/ table-layout: fixed; } td{ /*允许在单词内换行。*/ word-break: break-word; } 2、持续更新...

    2018-06-24 01:17:31

  • 谈谈一些有趣的CSS题目(十六)-- 奇妙的 background-

    开本系列,谈谈一些有趣的 CSS 题目,题目类型天马行空,想到什么说什么,不仅为了拓宽一下解决问题的思路,更涉及一些容易忽视的 CSS 细节。 解题不考虑兼容性,题目天马行空,想到什么说什么,如果解题中有你感觉到生僻的 CSS 属性,赶紧去补习一下吧。 不断更新,不...

    2018-06-24 01:17:33

  • 给上传文件的input控件"美容"

    作为一名前端程序猿呢,在工作中经常会遇到form表单这种东西。然而表单的其他input控件样式还是很好改变的。但是,唯独input类型是file的文件上传控件可能就没那么好打扮的漂亮。刚好菜鸟我最近工作中也遇到了这个问题。解决以后想着人生在于总结。于是乎就把这个简单...

    2018-06-24 01:17:24

  • 双飞翼布局和圣杯布局解析

    今天突然想起了温习一下css布局。之前看双飞翼布局只是粗略的看了一下,大概明白怎么做,但是并没有去延伸一下...还有它的孪生兄弟:圣杯布局。今天仔细的琢磨了一下;突然发现其实内容还不少的样子。 双飞翼布局或者说圣杯布局它们都是三列布局;(一列自适应和两列固...

    2018-06-24 01:17:26

  • 【CSS】思考和再学习——关于CSS中浮动和定位对元素宽

    一.width:auto和width:100%的区别 1.width:100%的作用是 占满它的参考元素的宽度 。 ( 一般情况下参考元素 == 父级元素 ,这里写成参考元素而不是父级元素,在下面我会再细说) 2.width:auto也是 以占满参考元素宽度为目标 。但不同的地方在于, 它能根据margin和padd...

    2018-06-24 01:17:20

  • 学习css(TODO)

    1. css 是一个什么样的角色? 答 :css 负责控制网页的样式。 扩展 :div + css 是经典的网页布局。实现网页内容与表现相分离。 2. css 的使用方式? 答 :1. 内联式:直接在 HTML 标签中使用 style 属性添加 css 样式 div style ="color:red" 红色文本 / div 2. 嵌入...

    2018-06-24 01:17:02

  • Http状态码

    简单记录一下http的各种状态码 1xx(临时响应) 表示临时响应并需要请求者继续执行操作的状态代码。 代码 说明 100 (继续) 请求者应当继续提出请求。 服务器返回此代码表示已收到请求的第一部分,正在等待其余部分。 101 (切换协议) 请求者已要求服务器切换协议,...

    2018-06-24 01:17:18

  • 从零开始学习html(六)开始学习CSS,为网页添加样式

    一、认识CSS样式 1 ! DOCTYPE HTML 2 html 3 head 4 meta http-equiv ="Content-Type" content ="text/html; charset=utf-8" 5 title 认识CSS样式 / title 6 style type ="text/css" 7 p { 8 font-size : 12px ; /* 设置文字字号 */ 9 color : red ; /* 设置文字颜色 *...

    2018-06-24 01:17:11

  • 从零开始学习html(三) 认识标签(第二部分)

    一、使用ul,添加新闻信息列表 1 ! DOCTYPE HTML 2 html 3 head 4 meta http-equiv ="Content-Type" content ="text/html; charset=utf-8" 5 title p标签 / title 6 / head 7 body 8 9 10 / body 11 / html 使用ul,添加新闻信息列表 在浏览网页时,你会发现网页上有很...

    2018-06-24 01:17:07

  • web移动端,需要清楚设备像素比devicePixelRatio的应

    我们这里所说的 devicePixelRatio 其实指的是 window.devicePixelRatio , 被所有WebKit浏览器以及Opera所支持。 概念 devicePixelRatio ,它是设备上物理像素和设备独立像素( device-independent pixels (dips) )的比例,即 devicePixelRatio = 屏幕物理像素/设备独立...

    2018-06-24 01:16:48

2