#### CSS属性值background背景 - 背景颜色 - background-image:url( );背景图片 - background-repeat:no-repeat; 设置背景图片是否平铺 - repeat：平铺，默认值 - no-repeat 不平铺 - background-s ...
分类：
Web程序 时间：
2020-03-08 13:59:42
阅读次数：
83
<!-- 表单类 --> <label>姓名</label> <input type="text"> 文本框 <input type="password"> 密码框 <input type="button" value="按钮"> <input type="radio" name="" id ...
分类：
Web程序 时间：
2020-03-08 12:31:30
阅读次数：
88
由于前段时间的颓废所以断更了，学习也搁浅了好长时间，两个月吧，经过两个月的时间考虑，我还是决定学习自己专业的内容，找一份自己专业相关的工作，因为跨行真的太难了，毕竟需要花大量的时间和精力去，我刚毕业，养活自己才是重中之重，其他的以后再说吧。前端学习这次是我的第三次启动学习计划，这次计划跟以往的不一样 ...
分类：
Web程序 时间：
2020-03-07 13:11:12
阅读次数：
102
媒体查询，语法如下，示例：当屏幕大于600小于900时样式生效： @media screen and (min-width:600px) and (max-width:900px) { body { background-color: red; } } 文本和字体： @font-face{ font ...
分类：
其他好文 时间：
2020-03-07 00:04:46
阅读次数：
64
页面自适应，是指页面内容自动适应屏幕大小。实现自适应的方法有多种：1、简易场景实现自适应：浮动、页面居中、设置百分比属性、自动匹配大小。这样在页面宽度发生变化时，能利用以上特性实现简易的自适应效果。2、如果实际开发中有复杂场景的需求，一般通过编写多套CSS代码，然后用媒体查询技术，让页面根据不同屏幕 ...
分类：
其他好文 时间：
2020-03-06 17:15:50
阅读次数：
66
响应式布局概念 响应式布局意在实现不同屏幕分辨率的终端上浏览网页的不同展示方式。通过响应式设计能使网站在手机和平板电脑上有更好的浏览阅读体验。 1. 响应式布局的特点 用一套代码，去适配不同的设备。既可以运行在PC端，也可以运行在移动端。 注：比较适合小网站，个人博客，产品介绍页... 2.响应式布 ...
分类：
其他好文 时间：
2020-03-02 15:14:19
阅读次数：
71
一、响应式布局： 在小型网站建设中，有运用一套代码代码来适应不同终端分辨率的需求，优点：节约制作时间、节约制作成本、便于维护等优点。 CSS3利用媒体查询（media queries）即可针对不同的媒体类型定义不同的样式，从而实现响应式布局 。也可以针对不同的分辨率设置不同的样式。 1024分辨率以 ...
分类：
Web程序 时间：
2020-03-01 12:47:01
阅读次数：
96
HTML布局 网站常以杂志、报纸样式显示 使用<div>元素的HTML布局，方便通过css对其进行设计 <!DOCTYPE html> <html> <head> <style> #header{ background-color:balck; color:white; text-align:cen ...
分类：
Web程序 时间：
2020-02-29 00:47:30
阅读次数：
88
响应式网站概念 弹性网格布局 弹性图片 媒体查询 响应式网站优点 减少工作量 节省时间 网站代码只需要一份 多出来的只是js脚本和css样式 每个设备都能得到正确的设计 搜索优化 响应式网站缺点 加在更多的样式和脚本 设计比较难精准的定位和控制 老版本浏览器兼容性不好 需要掌握技术 浏览器兼容 IE ...
分类：
Web程序 时间：
2020-02-27 19:02:58
阅读次数：
89
实际开发搞搞起来！！！！ rem适配方案 媒体查询+rem+less 基础知识铺垫 第一步，我们需要拿到设计稿，安装设计稿的要求来设置一个合适的html字体大小。 第二步，计算元素大小的取值 页面rem = 页面元素值（设计稿） / (屏幕的宽度/划分的份数) (屏幕的宽度/划分的份数) = htm ...
分类：
移动开发 时间：
2020-02-26 17:12:49
阅读次数：
84
