随笔分类 -  Html/Css

1 2 下一页
慕课网学习笔记及其它
公共CSS
摘要：html, body{font-family:"微软雅黑",'Roboto-Regular'; font-size:100%; background:#f9f9f9; color:#666666 !important; margin:0 auto; padding:0;} a{text-decoration: none; color:#333; outline:none;} a:focus,... 阅读全文
posted @ 2018-02-06 15:25 Lucky锦 阅读(110) 评论(0) 推荐(0)
CSS命名规则和命名方法
摘要：CSS命名规则 头：header 内容：content/containe 尾：footer 导航：nav 侧栏：sidebar 栏目：column 页面外围控制整体布局宽度：wrapper 左右中：left right center 登录条：loginbar 标志：logo 广告：banner 页面 阅读全文
posted @ 2018-02-01 16:39 Lucky锦 阅读(763) 评论(0) 推荐(0)
CSS选择器之基本选择器总结
摘要：一、元素选择器（所有浏览器支持） 元素选择器（标签名选择器）其实就是文档的元素，如html,body,p,div等等， 下面例子中选择了span元素，并设置了字体颜色为红色。 CSS： 效果： 二、类选择器 （所有浏览器都支持类选择器，但多类选择器（.className1.className2）不被 阅读全文
posted @ 2017-08-05 21:21 Lucky锦 阅读(3854) 评论(0) 推荐(0)
z-index应用总结（转）
摘要：z-index属性来表示z轴的区别。表示一个元素在叠加顺序上的上下立体关系。 一、基本 z-index值较大的元素将叠加在z-index值较小的元素之上。对于未指定此属性的定位对象，z-index 值为正数的对象会在其之上，而 z-index 值为负数的对象在其之下。 示例：有两个DIV，将第二个向 阅读全文
posted @ 2017-08-03 10:18 Lucky锦 阅读(211) 评论(0) 推荐(0)
有关Web常用字体的研究？
摘要：Windows自带字体： 黑体：SimHei 宋体：SimSun 新宋体：NSimSun 仿宋：FangSong 楷体：KaiTi 仿宋GB2312：FangSongGB2312 楷体GB2312：KaiTiGB2312 微软雅黑：Microsoft YaHei (win7以上) 安装Office多 阅读全文
posted @ 2017-07-30 22:41 Lucky锦 阅读(890) 评论(0) 推荐(0)
关于解决不同浏览器之间的兼容性问题
摘要：常见的浏览器兼容性问题与解决方案大致有以下九种形式： 一、不同浏览器的标签默认的外边界和内填充不同 问题表现：不加样式控制下，margin和padding差异较大 解决方案：css里 *{margin:0; padding:0;} 备注：这是最常见也是最易解决的一个兼容问题，几乎所有的css文件开头 阅读全文
posted @ 2017-07-13 10:21 Lucky锦 阅读(1460) 评论(1) 推荐(0)
CSS hack的简单认识
摘要：一、什么是css hack？ css hack就是 由于不同厂商的流览器或某浏览器的不同版本（如IE6-IE11,Firefox/Safari/Opera/Chrome等）， 对CSS（层叠样式）的支持、解析不一样，导致在不同浏览器的环境中呈现出不一致的页面展现效果。 这时，我们为了获得统一的页面效 阅读全文
posted @ 2017-07-13 10:10 Lucky锦 阅读(365) 评论(0) 推荐(0)
HTML颜色
摘要：颜色由红色、绿色、蓝色混合而成。 颜色值 颜色由一个十六进制符号来定义，这个符号由红色、绿色和蓝色的值组成（RGB）。 每种颜色的最小值是0（十六进制：#00）。最大值是255（十六进制：#FF）。 0 是 hex code（十六进制编码）中最小的一个，它代表颜色的完全缺失。 F 是 hex cod 阅读全文
posted @ 2017-05-02 19:04 Lucky锦 阅读(263) 评论(0) 推荐(0)
每日标签（2）
摘要：标签学习 1、&nbsp; 空格标签 2、<hr /> 分割线 3、<address></address>地址标签 4、<code>代码语言</code>（只用于一行代码） 5、<pre>代码语言</pre>（用于多行代码，预格式化文本，保留空格和换行） 阅读全文
posted @ 2017-04-24 20:14 Lucky锦 阅读(175) 评论(0) 推荐(0)
PS切图
摘要：一、传统切图 二、精准自动切图，如果内容较多，需要的时间也会比较久 导出来的图片会放到指定的文件夹中，所以要导出之前要知道自己是哪个文件夹。 切出来的LOGO 原图 三、CC扩展功能介绍 原来的大小： 改变后： 还可以导出SVG和WebP格式。 自动生成CSS 阅读全文
posted @ 2017-04-24 19:24 Lucky锦 阅读(186) 评论(0) 推荐(0)
八一八浏览器内核
摘要：什么是浏览器内核？ 浏览器内核：英文名“Rendering Engine”，中文翻译很多，如排版引擎、解释引擎、渲染引擎，现在流行称为浏览器内核。 Rendering Engine，顾名思义，就是用来渲染网页内容的，将网页的代码转换为最终你看得见的页面。因为是排版，所以肯定会排版错位等问题。为什么会 阅读全文
posted @ 2017-04-17 22:54 Lucky锦 阅读(334) 评论(0) 推荐(0)
简单认识html之DOCTYPE(doctype)
摘要：什么是DOCTYPE？ DOCTYPE是Document Type（文档类型）的简写，在页面中，用来指定页面所使用的XHTML（或者HTML）的版本。 要想制作符合标准的页面，一个必不可少的关键组成部分就是DOCTYPE声明。 只有确定了一个正确的DOCTYPE，XHTML里的标识和CSS才能正常生 阅读全文
posted @ 2017-04-17 15:57 Lucky锦 阅读(1227) 评论(0) 推荐(0)
用PS切图前篇
摘要：一、PS切图界面设置 1、新建设置 2、视图设置 3、窗口设置 4、设置信息面板 5、编辑——》首选项——》单位与标尺 6、保存修改好的工作区 二、其它技巧 1、图层对齐 同时选中两个图层 2、选区加减 阅读全文
posted @ 2017-04-04 15:14 Lucky锦 阅读(135) 评论(0) 推荐(0)
什么是切图？
摘要：1、什么是切图？ 切图是指将设计稿切成便于制作成页面的图片，并完成html+css布局的静态页面，通俗来讲，把一张设计图 利用到切片工具 把自己所需的切成一张张小图，然后用DIV+CSS完成静态页面书写，完成CSS布局。 切图就是将 .psd 设计稿还原成 Web 页面的过程，这个过程包括两部分： 阅读全文
posted @ 2017-03-19 00:23 Lucky锦 阅读(16067) 评论(1) 推荐(1)
position定位属性(一)
摘要：position属性值的含义： static 元素框正常生成。 块级元素生成一个矩形框，作为文档流的一部分，行内元素则会创建一个或多个行框，置于其父元素。 relative 通过为元素指定一个值，元素相对于其原来位置移动。也可以使用margin来达到同样的效果。 元素仍保持其未定位前的形状，它原本所 阅读全文
posted @ 2017-03-10 18:23 Lucky锦 阅读(143) 评论(0) 推荐(0)
position定位属性(二)
摘要：Position static 元素都有position属性，其默认值是"static"，当元素设置了position属性，将会覆盖元素的默认值"static"。 Position relative relative是position的另一个属性值，和static属性值很相似，主要区别是relati 阅读全文
posted @ 2017-03-10 00:34 Lucky锦 阅读(356) 评论(0) 推荐(0)
DIV CSS float浮动
摘要：一、浮动？ #CSS样式的float浮动属性，用于设置标签对象（如：<div>标签盒子、<span>、<a>、等html标签）的浮动布局。 #通过定义浮动(float)让div样式层块，向左或向右(靠)浮动。 注： 浮动只针对html标签设置靠左靠右浮动样式，float浮动样式没有浮动居中的样式。 阅读全文
posted @ 2017-03-10 00:09 Lucky锦 阅读(2080) 评论(0) 推荐(0)
CSS样式规范命名
摘要：无论是使用“.”（小写句号）选择符号开头命名，还是使用“#”(井号)选择符号开头命名都无所谓，但我们最好遵循，主要的、重要的、特殊的、最外层的盒子用“#”(井号)选择符号开头命名，其它都用“.”（小写句号）选择符号开头命名. id在JS是唯一的，不能多次使用，而使用class类选择器可以重复使用，而 阅读全文
posted @ 2017-03-05 14:55 Lucky锦 阅读(297) 评论(0) 推荐(0)
设置超链接字体颜色
摘要：小知识： HTML中的锚： 锚点是网页制作中超级链接的一种，又叫命名锚记。命名锚记像一个迅速定位器一样是一种页面内的超级链接，运用相当普遍。 例如：一本书，在某个位置夹了一张书签，那个书签就是锚，快速定位。 定义链接样式的四个伪类： ：link :visited :hover :active 锚标签 阅读全文
posted @ 2017-02-28 17:29 Lucky锦 阅读(4643) 评论(0) 推荐(0)
HTML+CSS之垂直水平居中设置
摘要：一、水平居中设置——行内元素 如果设置元素为文本、图片等行内元素时，水平居中是通过给父元素设置text-align:center来实现的 二、水平居中设置 ——定宽块状元素 #当被设置元素为块状元素时，使用text-align:center就不起作用，此时分两种情况：定宽块状元素与不定宽块状元素。 阅读全文
posted @ 2016-11-02 17:19 Lucky锦 阅读(7410) 评论(0) 推荐(0)

1 2 下一页