登录注册
京东自营 + 国补 iPhone 历史最低价          国家补贴 享8折

Xebcnor

  • 背景

    Table of Contents generated with DocToc背景background-colorbackground-imagebackground-repeatbackground-attachmentbackground-positionSprite 的使用linear-gradientradial-gradientrepeat-*-gradientbackground-originbackground-clipbackground-sizebackground shorthand背景background-colorbackground-color: <color>

    Xebcnor
    背景， 前端， 开发， 笔记本

  • 盒模型

    Table of Contents generated with DocToc盒模型属性widthheightpaddingmarginmargin 合并borderborder-radiusoverflowbox-sizingbox-shadowoutlineTRBL值缩写盒模型盒子模型是网页布局的基石。它有边框、外边距、内边距、内容组成。盒子 3D 模型盒子由上到下依次分为五层，它们自上而下的顺序是。

    Xebcnor
    模型， 前端， 开发， 笔记本

  • 文本

    Table of Contents generated with DocToc文本字体改变字号改变字体加粗字体倾斜字体更改行距font shorthand改变文字颜色对齐方式文字居中文本垂直对齐文本缩进格式处理保留空格格式文字换行文本装饰文字阴影文本装饰（下划线等）高级设置省略字符更换鼠标形状强制继承文本See the Pen FEND_Fonts by Li Xinyang (@li-xinyang)…

    Xebcnor
    文本， 前端， 开发， 笔记本

  • 选择器

    Table of Contents generated with DocToc选择器简单选择器标签选择器类选择器id 选择器通配符选择器属性选择器伪类选择器其他选择器伪元素选择器组合选择器选择器分组继承、优先、层级继承优先改变优先级层叠选择器See the Pen FEND_Selectors by Li Xinyang (@li-xinyang) on CodePen.

    Xebcnor
    选择器， 前端， 开发， 笔记本

  • 语法

    Table of Contents generated with DocToc语法浏览器私有属性属性值语法基本元素组合符号数量符号@规则语法@规则语法/* 选择器 */.m-userlist { /* 属性声明 */ margin: 0 0 30px; /* 属性名:属性值; */}.m-userlist .list { position: relative; height: 100px; overflow: hidden;

    Xebcnor
    语法， 前端， 开发， 笔记本

  • CSS

    简介CSS (Cascading Stylesheet) 它用于设置页面的表现。CSS3 并不是一个完整的独立版本而是将不同的功能拆分成独立模块（例如，选择器模块，盒模型模块），这有利于不同功能的及时更新与发布也利于浏览器厂商的实习。CSS 引入方法// 外部样式表<head> <link rel="stylesheet" type="text/css" href="style.css"></head>// 内部样式表<

    Xebcnor
    css， 前端， 开发， 笔记本

  • 浏览器兼容

    Table of Contents generated with DocToc浏览器兼容浏览器兼容主流浏览器都兼容 HTML5 的新标签，对于 IE8 及以下版本不认识 HTML5的新元素，可以使用 JavaScript 创建一个没用的元素来解决，例如：<script> document.createElement("header");</script>也可以使用 shiv 来解决兼容性问题，详情可参考 HTML5 Shiv

    Xebcnor
    浏览器， 兼容， 前端， 开发， 笔记本

  • 实体字符

    Table of Contents generated with DocToc实体字符实体字符实体字符（ASCII Encoding Reference）是用来在代码中以实体代替与HTML语法相同的字符，避免浏览解析错误。它的两种表示方式，第一种为 & 外加实体字符名称，例如 &nbsp;，第二种为 & 加实体字符序号，例如 &#160;。

    Xebcnor
    实体， 字符， 前端， 开发， 笔记本

  • HTML 标签

    Table of Contents generated with DocTocHTML 标签文本标签组合内容标签嵌入资源标签图标签热点区域标签表格表单语义化HTML 标签HTML5 标签集合文档章节<body> 页面内容<header> 文档头部<nav> 导航<aside> 侧边栏<article> 定义外部内容（如外部引用的文章）<section> 一个独立的块<footer>

    Xebcnor
    html， 标签， 前端， 开发， 笔记本

  • HTML 语法

    Table of Contents generated with DocTocHTML 语法全局属性HTML 语法书写规范：小写标签和属性属性值双引号代码因嵌套缩进全局属性id, <div id='unique-element'></div>，页面中唯一class，<button class='btn'>Click Me</button>，页面中可重复出现style，尽量避免title，对于元素的描述类似于 Tooltip 的效果。

    Xebcnor
    html， 语法， 前端， 开发， 笔记本

  • HTML 简介

    Table of Contents generated with DocTocHTML 简介HTML 简介注意事项：<!DOCTYPE html> 必须首行定格<title> 为文档标题<meta charset="utf-8"> 文档解码格式<meta name="keywords" content="..."> 和 <meta name="description" content="..."> 提供给搜索引擎使用<

    Xebcnor
    html， 简介， 前端， 开发， 笔记本

  • HTML

    HTML 历史HTML (Hyper Text Markup Language)，用于标记页面中的内容。

    Xebcnor
    html， 前端， 开发， 笔记本

  • Atom 编辑器

    Atom 文本编辑器本文即为在 Atom 下编写完成，在写作过程中让我对这个崭新的 1.0 版本文本编辑器有了更多的了解。在阅读本文时注意快捷键于后面英文单词的对应可帮助记忆，在使用中忘记的快捷键以可以通过使用查询面板（后面会提到）进行查询。如果你在使用过程中发现了异常和错误可以到 Atom 所在的GitHub 仓库提交问题报告。同一款编辑器一同成长，愿力量与你同在！

    Xebcnor
    atom， 编辑器， 前端， 开发， 笔记本

  • Sublime 编辑器

    Table of Contents generated with DocTocSublime 编辑器介绍安装Windows/OS XUbuntuSublime 快捷键推荐插件1.Package Control2.Emmet3.JQuery4.FileHeader5.Pretty Json6.CSS Format7.ConvertToUTF8用户自定义代码Sublime 编辑器介绍Sublime Text是一款性感的编辑器，具有优雅，快速，插件多等优势，不失为前端开发者的轻量高效编辑器。

    Xebcnor
    sublime， 编辑器， 前端， 开发， 笔记本

  • 开发及调试工具

    文本编辑器或 IDE (集成开发环境)Google Chrome, Firefox Firebug, Safari Developer ToolNOTE: Google Chrome DevTools Doc

    Xebcnor
    开发， 调试工具， 前端， 笔记本

  • 图片优化与合并

    Table of Contents generated with DocToc图片优化与合并图片的兼容图片优化与合并在 HTML 中使用背景图片的方法如下：<button type="button" class="btn-default">Click Me</button><style type="text/css" media="screen"> .btn-default { background: url(image/btn.png) no-repeat 0 0;}.

    Xebcnor
    图片， 优化， 合并， 前端， 开发

  • 图片保存

    Table of Contents generated with DocToc图片保存保存格式的选择图片修改与维护图片保存将需要的内容保存在独立的文件里便于之后的导出。（存储于 Web 所用格式 Alt + Shift + Ctrl + S）如需保存独立图层则要把需要的图层拖到新建的透明背景的图层，或在图层上右键复制（Duplicate）图层选择地址为新文件即可。

    Xebcnor
    图片， 保存， 前端， 开发， 笔记本

  • 切图

    Table of Contents generated with DocToc切图切图内容性图片 指的是图片在页面是作为内容存在，如页面中的海报。修饰性图片 指的是图片在页面中起修饰作用，如页面中的背景和图标。修饰性图标和内容性图片需要（在 HTML 的 <img> 之中，只需站位不需切图）切出。切出的内容性图片应保存为 *.

    Xebcnor
    前端， 开发， 笔记本

  • 测量及取色

    Table of Contents generated with DocToc测量及取色测量及取色所有能接受数字的属性都需要测量并尽可能百分百的还原设计稿。测量宽度，高度 (width, height)内外边距 (padding, margin)边框 (border)定位 (position)文字大小 (font-size)行高 (line-height)，其为第一行的底端到第二行的底端。

    Xebcnor
    测量， 取色， 前端， 开发， 笔记本

  • 工具、面板、视图

    工具, 面板, 视图[TOC]在全局设置下将单位修改为像素，因其在 CSS 中运用最广 (Preference -> Units & Rulers -> Units) 。设置工作区布局为切图及图片编辑做准备（所需窗口为信息窗口，图层窗口以及历史记录窗口）。打开『信息窗口』、『图层窗口』、『历史纪录窗口』、『工具面板』、『选项』面板，可以通过 Window -> Workspace ->

    Xebcnor
    工具， 面板， 视图， 前端， 开发
上一页 下一页

个人简介

  1. Xebcnor

  2. 前端学习 GO GO GO

  3. 获得 22643 积分

  4. https://nowjava.com/creator/10010

热门标签

关注时代Java

Copyright © 2014-2024NowJava. All Rights Reserved. 时代Java 版权所有 京ICP备14059627号-7

关注时代Java