- 博客(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
209
原创 【pinyougou】
1、前期准备目录文件夹：项目文件夹：pinyougou、样式类图片文件夹：img产品类图片文件夹(后台可上传的图片）： upload样式文件夹: css字体类文件夹： fonts脚本文件夹：js样式文件的分类：初始化css（css reset），让浏览器风格统一，把常用的初始化语句放入base css中一些公共的样式放入common.css里...
2020-04-23 22:51:03
334
原创 【代码规范_1】
## 本资源由 itjc8.com 收集# 代码规范## 1. 概述欢迎使用品优购代码规范， 这个是我借鉴京东前端代码规范，组织的品优购内部规范。旨在增强团队开发协作、提高代码质量和打造开发基石的编码规范，以下规范是团队基本约定的内容，必须严格遵循。#### HTML规范基于 [W3C](http://www.w3.org/)、[苹果开发者](https://develop...
2020-04-17 21:51:08
178
原创 【css_7】高级
一、元素的显示与隐藏1、display（重点）display:none; 隐藏元素，不保留位置display:block; 显示元素 （同时也有转换为块级元素的作用）2、visibility（少用）inherit：继承上一个父对象的可见性visible：显示元素*hidden：隐藏元素*，保留位置collapse：主要用于隐藏表格的行或列，对表格外的其他对象=hi...
2020-04-03 09:13:05
667
原创 【css_6】定位
定位类型：静态定位、相对定位、绝对定位、固定定位1、静态定位相当于none2、子绝父相-常用的布局方式，相对定位占位置，绝对定位不占位置3、固定定位不占位置，不受父元素是否定位影响4、绝对定位实现水平居中（垂直居中方法一样）：两步盒子200px宽：①left:50%; ---- 让盒子的左侧移动到父级元素的水平中心位置：②margin-left: -100px; -...
2020-03-30 21:49:28
119
原创 【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
125
原创 【css_4】浮动
1、css布局三种机制① 普通流：块级、行内行内块中间有空隙，很难去掉；当要求是两个块，一个左对齐一个右对齐时行内块更是难实现普通流很难解决以上两种问题，此时可以用浮动解决② 浮动脱离普通流的控制，移动端到指定位置特性：（1）会浮起来，原来占得位置被释放（2）如果有普通流会被普通流占据；（3）不管之前是什么类型元素，加了float后，会自动被赋予行内块元素的属性多个浮动...
2020-02-15 23:18:07
172
原创 【css_3】盒子模型
一、网页布局的本质首先放好盒子，然后盒子中放入相应的元素二、盒子模型（box model）盒子模型有元素内容（蓝色）、内边距（绿色）、边框（黄色）、外边距（橘黄色）组成1、边框border盒子的厚度2、内边距padding元素内容与盒子边框之间的距离3、外边距margin盒子与盒子之间的距离4、ps基本操作及快捷键三、盒子边距四、盒子模型布局稳定...
2020-01-22 16:00:04
87
原创 【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
420
原创 【css_1】样式表引用/选择器/字体样式属性/调试工具/sublime
cascading style sheets一、引用css样式表的三种方式：（1）行内式（内联样式）（不太常用，控制范围小）（2）内部样式表（内嵌样式表）（若为html5，type="text/css"这句可省略）实现了部分样式和结构相分离，但并不彻底（3）外部样式表（外链式）*完全实现了结构与样式相分离link：rel="stylesheet"表示引入的是...
2020-01-10 16:40:23
320
原创 【html_2】表格/列表/表单/查文档
一、表格1、 表格标签：table（表）、tr（行）、td（td普通单元格，th表头单元格居中加粗显示）2、表格属性：border、width、height、align(center/left/right)、cellspacing(单元格之间)、cellpadding(字与...
2019-12-31 18:48:42
221
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
132
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人