
HTML/CSS
Jane_96
谁说妹子不可以写代码的
展开
-
傻傻分不清的tr,th和td
table是一个布局神器,之前看过很多代码,都是用table布局的。但是,我在学习的过程中,发现table有很迷的三个宝宝,他们是tr,th以及td;tr:这是表中的“行”。每一行是一个tr(table row)。th:这是表头,也就是每一列的标题(table head)。td:这是表的每一个单元格 th与td的区别是:th内部的文本样式为居中+粗体,td 内的文本样式为左对齐+普通文本。原创 2017-11-29 21:29:34 · 4194 阅读 · 0 评论 -
bootstrap-treeview之api
简要教程bootstrap-treeview是一款效果非常酷的基于bootstrap的jQuery多级列表树插件。该jQuery插件基于Twitter Bootstrap,以简单和优雅的方式来显示一些继承树结构,如视图树、列表树等等。插件依赖Bootstrap v3.0.3jQuery v2.0.3以上两个外部依赖文件已经经过测试可以正常使用,其他版本的Bootstrap需要另行测试。该插件不转载 2017-11-30 15:04:20 · 2627 阅读 · 0 评论 -
傻傻分不清的href,src,url
href(Hypertext Reference)指定网络资源的位置。浏览器会识别href指定的文档,并行下载该文档,并且不会停止对当前文档的处理。<link href = "style.css" rel = "stylesheet">浏览器获取到当前资源是一个样式表,但是页面解析不会暂停,但是由于浏览器需要样式规则去画或者渲染页面,渲染过程可能会被暂停。直接将样式写在<style>标签和用@imp原创 2017-12-24 20:25:22 · 370 阅读 · 0 评论 -
css样式引用的几种方法、优先级关系及权重计算
1.引用方式1.内联式(行内样式)将标记的style属性值直接赋值为所定义的样式规则&amp;lt;p style = &quot;color:red;background:#000000;&quot;&amp;gt;这是一个段落&amp;lt;/p&amp;gt;2.嵌入式利用&amp;lt;style&amp;gt;&amp;lt原创 2017-12-24 20:59:49 · 2016 阅读 · 0 评论 -
CSS选择器总结
1、元素选择器(不区分大小写)&lt;p&gt;Hello World!&lt;/p&gt;/*All p elements are red*/p{ color:red;}2、类选择器&lt;ul&gt; &lt;li class="first done"&gt;Create an HTML document&原创 2018-05-21 20:46:05 · 466 阅读 · 0 评论 -
css笔记
背景图片等比例缩放background-image: url("../../images/moreInfoIcon.png");background-repeat: no-repeat;background-size: 100% 100%;-moz-background-size: 100% 100%;原创 2018-11-14 19:32:50 · 315 阅读 · 0 评论 -
修改input框中placeholder内容的样式
input::-webkit-input-placeholder { /* WebKit browsers /color: #80848F;}input:-moz-placeholder { / Mozilla Firefox 4 to 18 /color: #80848F;}input::-moz-placeholder { / Mozilla Firefox 19+ /color...原创 2018-12-24 17:13:41 · 689 阅读 · 0 评论 -
子元素加margin-top出现的奇怪情况
代码如下:const stylePraentDiv = { width:300, height:300, background:'#191f28' } const styleDiv = { width:100, height:100, background:'#417cd5', margin:20, } return...原创 2019-03-08 14:10:31 · 329 阅读 · 0 评论 -
css 画钩和叉
</style>.cross { width: 20px; height: 20px; position: relative;}.cross::before,.cross::after { content: ''; width: 1px; height: 20px; background: #000000; po...原创 2019-03-13 23:05:17 · 2075 阅读 · 0 评论