awesome

CSS 基本测试题

由 人盡茶涼 提交于 2020-03-23 16:16:29
下面提供了18道有关css的测试题，大家可以尝试做一下，一些题可以延伸深挖出很多知识点。 测试题的答案在尾部。大家可以在评论区进行讨论。 1.css区分大小写吗？ ul { MaRgIn: 10px; } 这种写法是否正确？ 2.为行内元素设置 margin-top 和 margin-bottom是否会产生影响？ 3.为行内元素设置 padding-top 和 padding-bottom是否会改变它的位置？ 4.如果你有一个<p>元素，它的font-size为10rem, 当用户改变浏览器窗口大小时，该元素的字体是否会响应式改变？ 5.伪类:checked作用于radio 或者 checkbox，但是不作用于<option>？ 6.在HTML中，伪类:root总是匹配 <html> 元素？ 7.translate()函数实现了沿着 z 轴移动元素？ 8-14题是针对同一个html,循序渐进。 8. html: <ul class="shopping-list" id="awesome"> <li><span>Milk</span></li> <li class="favorite" id="must-buy"><span class="highlight">Sausage</span></li> </ul> css: ul { color: red; } li { color:

JS自定义data-*属性与jquery的data()方法的使用

由 拈花ヽ惹草 提交于 2020-03-19 13:03:39
3 月，跳不动了？>>> 人们总喜欢往HTML标签上添加自定义属性来存储和操作数据。但这样做的问题是，你不知道将来会不会有其它脚本把你的自定义属性给重置掉，此外，你这样做也会导致html语法上不符合Html规范，以及一些其它副作用。这就是为什么在HTML5规范里增加了一个自定义data属性，你可以拿它做很多有用的事情。 你可以去读一下HTML5的详细规范，但这个自定义data属性的用法非常的简单，就是你可以往HTML标签上添加任意以 "data-"开头的属性，这些属性页面上是不显示的，它不会影响到你的页面布局和风格，但它却是可读可写的。 下面的一个代码片段是一个有效的HTML5标记： 复制代码 代码如下: <div id="awesome" data-myid="3e4ae6c4e">Some awesome data</div> 可是，怎么来读取这些数据呢？你当然可以遍历页面元素来读取你想要的属性，但jquery已经内置了方法来操作这些属性。使用jQuery的.data()方法来访问这些"data-*" 属性。其中一个方法就是 .data(obj)，这个方法是在 jQuery1.4.3版本后出现的，它能返回相应的data属性。 举个例子，你可以用下面的写法读取 data-myid属性值： 复制代码 代码如下: var myid= jQuery("#awesome").data(

F# extension methods in C#

由 匿名 (未验证) 提交于 2019-12-03 08:48:34
可以将文章内容翻译成中文,广告屏蔽插件可能会导致该功能失效(如失效，请关闭广告屏蔽插件后再试): 由 翻译 强力驱动 问题: If you were to define some extension methods, properties in an assembly written in F#, and then use that assembly in C#, would you see the defined extensions in C#? If so, that would be so cool. 回答1: [ ] module Methods = [ ] let Exists ( opt : string option ) = match opt with | Some _ -> true | None -> false This method could be used in C# only by adding the namespace (using using) to the file where it will be used. if ( p2 . Description . Exists ()) { ...} Here is a link to the original blogpost. Answering question in comments
订阅 awesome