随笔分类 -  CSS

CSS.属性所在的样式及其所在的文件
摘要：1、我的需求：如果 CSS文件比较多，单个CSS文件中的样式也很多的时候，要找 某个html元素的属性属于哪个文件的哪个样式，简直无奈啊... 于是就想到了下面的 2种方式： 1.1、找现成的工具，例如看看 chrome、firefox等 里面有没有现成的工具可以 方便的查看。但是 发现 浏览器里面 阅读全文
posted @ 2019-02-24 15:38 Html5Skill 阅读(887) 评论(0) 推荐(0)
html/css.属性优先级测试
摘要：1、ZC：测试下来，属性优先级的关系为（优先级从高到低）：style属性 > class属性 > 直接在节点上设置的属性 2、测试代码： 3、chrome [ 版本 68.0.3440.106（正式版本） （32 位） ] 显示（Win7x64上）： 4、 5 阅读全文
posted @ 2018-08-23 15:06 Html5Skill 阅读(831) 评论(0) 推荐(0)
CSS.对其（左/右/居中对齐，水平/竖直）
摘要：1、<td/> <td align="right">SVG文件名:</td> 2、<input/> <input id="svgFileName01" type="input" value="112_z" style="border:none; text-align: right; "/> 3、 4 阅读全文
posted @ 2018-03-20 15:37 Html5Skill 阅读(291) 评论(0) 推荐(0)
button.点击效果
摘要：1、 1.1、ZC：知识点： (1)、css ":active"选择器 （http://www.w3school.com.cn/cssref/selector_active.asp） (2)、css box-shadow的使用（0px 0px 50px #F60 inset） （http://www 阅读全文
posted @ 2018-03-20 13:25 Html5Skill 阅读(8292) 评论(0) 推荐(0)
CSS.background_背景
摘要：1、CSS background 属性.html（http://www.w3school.com.cn/cssref/pr_background.asp） 1.1、HTML DOM background 属性.html（http://www.w3school.com.cn/jsref/prop_st 阅读全文
posted @ 2018-03-14 10:55 Html5Skill 阅读(137) 评论(0) 推荐(0)
CSS.div剩余高度
摘要：1、 2、 3、资料 3.1、div 自适应高度 自动填充剩余高度 - 炉火纯青 - 博客园.html（https://www.cnblogs.com/pangguoming/p/5695184.html） 方案一： 3.1.1、HTML 3.1.2、CSS 3.1.3、效果 方案二： 3.1.4、 阅读全文
posted @ 2018-03-14 09:10 Html5Skill 阅读(647) 评论(0) 推荐(0)
CSS.导航菜单
摘要：1、参考网址：HTML+CSS实战(一)——导航条菜单的制作 - CSDN博客.html（http://blog.csdn.net/mqy1023/article/details/50890594） 2、效果： ZC：一直想不通，箭头所指的那个一条颜色是哪里来的，刚开始以为是 背景，后来发现不对.. 阅读全文
posted @ 2018-03-13 10:35 Html5Skill 阅读(273) 评论(0) 推荐(0)
CSS.border
摘要：1、CSS border 属性.html（http://www.w3school.com.cn/cssref/pr_border.asp） 定义和用法 border 简写属性在一个声明设置所有的边框属性。 可以按顺序设置如下属性： border-width border-style border-c 阅读全文
posted @ 2018-03-06 14:53 Html5Skill 阅读(166) 评论(0) 推荐(0)
CSS.text不被选中
摘要：1、 2、user-select - CSS3参考手册.html（http://www.css88.com/book/css/properties/user-interface/user-select.htm） 语法： user-select：none | text | all | element 阅读全文
posted @ 2018-02-13 15:12 Html5Skill 阅读(1957) 评论(0) 推荐(0)
CSS.textarea无边框且背景透明
摘要：1、 2、 3、 4、 5、 阅读全文
posted @ 2018-02-08 09:33 Html5Skill 阅读(5601) 评论(0) 推荐(0)
JS.table相关操作
摘要：ZC：chrome中怎么判断？（(_event.buttons == 1)？） 1、操作 <table/>的位置： <table style="position:absolute; top:10px; left:10px">....</table> 2、修改 <td/>的内容 2.1、获取 <td/ 阅读全文
posted @ 2018-01-29 16:43 Html5Skill 阅读(143) 评论(0) 推荐(0)
css.组合、分组、嵌套选择器
摘要：1、参考网址：https://www.cnblogs.com/cdyboke/p/6908973.html ZC：这些是 CSS的选择器。注意CSS选择器是这个意思，和 js选择器 jQuery选择器 区分：异同 2、 3、 4、 5、 阅读全文
posted @ 2018-01-28 07:39 Html5Skill 阅读(201) 评论(0) 推荐(0)
CSS颜色
摘要：1、设置背景色等颜色的时候，有时会用到 1.1、#D4D0C8 与 rgb(D4,D0,C8) 是等价的 (1)、D4 代表 red的值 (2)、D0 代表 green的值 (3)、C8 代表 blue的值 2、举例： 2.1、用 取色器 取得 Win7x64 的 Delphi7的form的默认颜色 阅读全文
posted @ 2016-10-21 16:32 Html5Skill 阅读(186) 评论(0) 推荐(0)
CssVariables_01
摘要：ZC: 下面文章中，“回退值”的概念比较难懂。我的理解：出现 回退值，则 var()中的第一个传入参数就自动忽略了... "回退值" 能否使用 CSS变量？ ZC: chrome(版本 51.0.2704.63 m)(x86)，没有看到“回退值” 的效果... “回退值”为变量的情况就 更加无法测试 阅读全文
posted @ 2016-09-09 21:55 Html5Skill 阅读(179) 评论(0) 推荐(0)
div_滚动条
摘要：1、http://zhidao.baidu.com/link?url=L3HbS6APS2BTWricUzVFlrF1BbBUoCOC0O2JIiZNp1OZ4Bj0bodr8UZvyCZ5Qa0Pf1OIcpgWicSjAqHxwzrrwa 2、 3、 阅读全文
posted @ 2016-09-02 22:37 Html5Skill 阅读(5278) 评论(0) 推荐(0)
鼠标事件__无效
该文被密码保护。
posted @ 2016-09-01 22:18 Html5Skill 阅读(53) 评论(0) 推荐(0)
div_漂浮/悬浮
摘要：1、 测试代码为： <html> <body> <div id="divBack01" style="background-color:silver; height:300px; width:800px"> </div> <div id="divBack02" style="background-c 阅读全文
posted @ 2016-03-10 10:23 Html5Skill 阅读(22798) 评论(0) 推荐(0)
div_隐藏显示
摘要：http://www.icoa.cn/a/617.html http://my.oschina.net/xsh1208/blog/215811 1、方式1： display:none|block; display:none; 隐藏该html元素，确切的说，是在浏览器中消除该元素，不占屏幕的空间。若其 阅读全文
posted @ 2016-03-10 10:17 Html5Skill 阅读(6149) 评论(0) 推荐(0)