- 博客(12)
- 资源 (2)
- 收藏
- 关注
RSS订阅原创 【移动布局基础】
1、浏览器 PC端浏览器：360、Chrome、Firefox、QQ浏览器、百度浏览器、搜狗浏览器、IE浏览器。。。 移动端浏览器：uc浏览器、QQ浏览器、欧朋浏览器、百度手机浏览器、搜狗手机浏览器、猎豹浏览器。。。 国内的uc浏览器、QQ浏览器、百度手机浏览器等都是根据Webkit修改过来的内核，国内尚无自主研发的内核 总结：兼容移动端主流浏览器，处理Webkit内核浏览器即可 2、手机屏幕 Android分辨率主要：480*800、480*854、720*1280、1080*1920等 i
2020-05-11 10:39:04
289
原创 【pinyougou】
1、前期准备 目录文件夹： 项目文件夹：pinyougou、 样式类图片文件夹：img 产品类图片文件夹(后台可上传的图片）： upload 样式文件夹: css 字体类文件夹： fonts 脚本文件夹：js 样式文件的分类： 初始化css（css reset），让浏览器风格统一，把常用的初始化语句放入base css中 一些公共的样式放入common.css里 ...
2020-04-23 22:51:03
377
原创 【代码规范_1】
## 本资源由 itjc8.com 收集 # 代码规范 ## 1. 概述 欢迎使用品优购代码规范， 这个是我借鉴京东前端代码规范，组织的品优购内部规范。旨在增强团队开发协作、提高代码质量和打造开发基石的编码规范， 以下规范是团队基本约定的内容，必须严格遵循。 #### HTML规范 基于 [W3C](http://www.w3.org/)、[苹果开发者](https://develop...
2020-04-17 21:51:08
217
原创 【css_7】高级
一、元素的显示与隐藏 1、display（重点） display:none; 隐藏元素，不保留位置 display:block; 显示元素 （同时也有转换为块级元素的作用） 2、visibility（少用） inherit：继承上一个父对象的可见性 visible：显示元素* hidden：隐藏元素*，保留位置 collapse：主要用于隐藏表格的行或列，对表格外的其他对象=hi...
2020-04-03 09:13:05
766
原创 【css_6】定位
定位类型：静态定位、相对定位、绝对定位、固定定位 1、静态定位相当于none 2、子绝父相-常用的布局方式，相对定位占位置，绝对定位不占位置 3、固定定位不占位置，不受父元素是否定位影响 4、绝对定位实现水平居中（垂直居中方法一样）： 两步盒子200px宽： ①left:50%; ---- 让盒子的左侧移动到父级元素的水平中心位置： ②margin-left: -100px; -...
2020-03-30 21:49:28
174
原创 【css_5】学成在线
一、css样式建议遵循以下顺序： 布局定位属性：display/position/float/clear/visibility/overflow 自身属性：width/height/margin/padding/border/background 文本属性：color/font/text-dedecoration/text-align/vertital-align/white-space/b...
2020-03-30 21:49:03
171
原创 【css_4】浮动
1、css布局三种机制 ① 普通流：块级、行内 行内块中间有空隙，很难去掉；当要求是两个块，一个左对齐一个右对齐时行内块更是难实现 普通流很难解决以上两种问题，此时可以用浮动解决 ② 浮动 脱离普通流的控制，移动端到指定位置 特性：（1）会浮起来，原来占得位置被释放（2）如果有普通流会被普通流占据；（3）不管之前是什么类型元素，加了float后，会自动被赋予行内块元素的属性 多个浮动...
2020-02-15 23:18:07
207
原创 【css_3】盒子模型
一、网页布局的本质 首先放好盒子，然后盒子中放入相应的元素 二、盒子模型（box model） 盒子模型有元素内容（蓝色）、内边距（绿色）、边框（黄色）、外边距（橘黄色）组成 1、边框border 盒子的厚度 2、内边距padding 元素内容与盒子边框之间的距离 3、外边距margin 盒子与盒子之间的距离 4、ps基本操作及快捷键 三、盒子边距 四、盒子模型布局稳定...
2020-01-22 16:00:04
131
原创 【css_2】复合选择器/显示模式/行高/背景/三大特性
一、复合选择器 由两个或多个基础选择器，通过不同的方式组合而成，目的是为了可以选择更准确更精细的目标元素标签，又称为包含选择器。 (重点1、4、5) 1、后代选择器 1.1 选择nav类下的所有a标签： .nav a {} .nav ul li a {} 1.2 后代选择器，选择子孙重孙...所有后代 2. 子代选择器（子元素选择器）：只选择到div下的第一代stron...
2020-01-13 18:27:59
480
原创 【css_1】样式表引用/选择器/字体样式属性/调试工具/sublime
cascading style sheets 一、引用css样式表的三种方式： （1）行内式（内联样式）（不太常用，控制范围小） （2）内部样式表（内嵌样式表）（若为html5，type="text/css"这句可省略） 实现了部分样式和结构相分离，但并不彻底 （3）外部样式表（外链式）* 完全实现了结构与样式相分离 link： rel="stylesheet"表示引入的是...
2020-01-10 16:40:23
376
原创 【html_2】表格/列表/表单/查文档
一、表格 1、 表格标签： table（表）、tr（行）、td（td普通单元格，th表头单元格居中加粗显示） 2、表格属性： border、width、height、align(center/left/right)、cellspacing(单元格之间)、cellpadding(字与...
2019-12-31 18:48:42
277
3
原创 【html_1】html骨架/标签语义化/标签属性/路径/锚点定位/base/特殊字符
1、sublime生成HTML骨架：（1）输入html:5，按Tab键；（2）输入感叹号！，按Tab键 2、HTML骨架内容： （1） <!DOCTYPE html>：表示文档类型，必须写在第一行，只写“html”代表的是最新的html5（HTML其他版本1、2、3、4），目的是为了告诉浏览器文档使用的是哪种HTML或XHTML规范，使浏览器按照所给规范进行解析页面。 （2）...
2019-12-25 18:32:38
177
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人