
CSS 教程
文章平均质量分 51
稚枭天卓
manu
展开
-
CSS padding margin border属性详解
图解CSS padding、margin、border属性W3C组织建议把所有网页上的对像都放在一个盒(box)中,设计师可以通过创建定义来控制这个盒的属性,这些对像包括段落、列表、标题、图片以及层。盒模型主要定义四个区域:内容(content)、内边距(padding)、边框(border)和外边距(margin)。对于初学者,经常会搞不清楚margin,background-col原创 2016-08-18 10:42:39 · 568 阅读 · 0 评论 -
HTML <label> 的 for 属性
定义for 属性规定 label 绑定的表单元素。语法属性值element_id 绑定的元素的id。源码示例 点击其中一个文本标签选中选项: Male Female原创 2016-10-19 20:04:03 · 747 阅读 · 0 评论 -
jQuery 获取子元素的个数
// 获取id=div1下的子元素的个数$('#div1').children().length;// 获取id=div1下的span元素个数$('#div1').children('span').length;原创 2016-10-17 20:45:32 · 12125 阅读 · 0 评论 -
CSS 去掉 HTML 之中 li 元素的点
方法一: 百度 雅虎 新浪 谷歌方法二:li {list-style-type:none;} 百度 雅虎 新浪 谷歌方法三:.li_style {list-style-type:none;} 百度 雅虎 新浪 谷歌原创 2016-10-12 15:29:43 · 804 阅读 · 0 评论 -
使用 JQuery 编辑带 important 标记的标签样式
未加 important 标记 css 样式的 JQuery 写法display: block;//页面上是这样写的;$("#selCont").css("display","none");加了 important 标记 css 样式的 JQuery 写法display: block!important;//页面上是这样写的;$("#selCont").css("css原创 2016-11-03 11:04:38 · 2166 阅读 · 0 评论 -
CSS 滚动条属性
有没有觉得浏览器自带的原始滚动条很不美观,同时也有看到很多网站的自定义滚动条显得高端,就连chrome32.0开发板都抛弃了原始的滚动条,美观多了。那webkit浏览器是如何自定义滚动条的呢?前言webkit支持拥有overflow属性的区域,列表框,下拉菜单,textarea的滚动条自定义样式,所以用处还是挺大的。当然,兼容所有浏览器的滚动条样式目前是不存在的。演示原创 2016-09-21 16:15:56 · 2120 阅读 · 0 评论 -
HTML 高度自适应布局
定义:高度自适应表示,在浏览器窗口边界变化,或在浏览器显示比例调整,这一过程中,浏览器中元素随着上述变化而自适应改变 height 属性值的特性 。原理:当一个元素是绝对定位时,如果没有给它设定高度或宽度,则它的的高度和宽度是由它的 top、right、bottom、left 属性决定的,换言之,自身的属性是由自身周围周围的绝对布局元素决定的 。这样,就可以实现元素的高度和宽度自适应布局了原创 2016-09-14 16:45:43 · 6320 阅读 · 0 评论 -
CSS 属性选择器
attribute 表示属性,诸如 id、class、role 等,自定义的属性也可以 。value 表示对应值。[attribute=value] 选择器用于选择指定了属性和值的元素。[attribute~=value] 选择器用于选择属性值包含一个指定单词的元素。[attribute|=value] 选择器用于选择指定属性具有指定值开始的元素。[attribute^=v原创 2016-09-19 15:49:53 · 862 阅读 · 0 评论 -
HTML 中的行内元素与块级元素
一、行内元素与块级元素块级元素列表定义地址定义表格标题定义列表中定义条目定义文档中的分区或节定义列表定义列表中的项目定义一个框架集创建 HTML 表单定义最大的标题原创 2016-08-15 13:21:04 · 1499 阅读 · 0 评论 -
HTML 中块级元素设置 height:100% 的实现
当你设置一个页面元素的高度(height)为100%时,期望这样元素能撑满整个浏览器窗口的高度,但大多数情况下,这样的做法没有任何效果。为什么height:100%不起作用呢?按常理,当我们用CSS的height属性定义一个元素的高度时,这个元素应该按照设定在浏览器的纵向空间里扩展相应的空间距离。例如,如果一个div元素的CSS是height: 100px;,那它应该在页面的竖向空间里原创 2016-08-15 13:32:44 · 4337 阅读 · 0 评论 -
BootStrap 教程 之 插件(04)
过度效果:模态框,页面按钮对应的弹窗响应;标签页,有淡入淡出效果的标签页;轮播框,有前向后向按钮,选页按钮的大图幻灯片轮播;带下拉框的导航栏。下拉菜单的显示位置是随机可调的;滚动监听通过滑动边框触发页面横向、纵向标签变换;添加超链接按钮的上下左右的提示标签;提示工具(Tooltip)插件,当想要描述一个链接的时候,提示工具(Tooltip)就原创 2016-08-14 22:19:14 · 521 阅读 · 0 评论 -
BootStrap 教程 之 HTML5元素和CSS属性(02)
BootStrap 其 CSS属性所含内容如下1.文字横向、纵向、对齐、代码、副本、响应式、提示类、嵌套列(1/12 * 1/12)、空格偏移展示;2.文字的颜色变化和滑动窗口设计;3.表格的颜色变换和滑动窗口设计;4.表单种类包括:文本框、文件导入按钮、勾选方框、按钮、下拉框;5.表单状态包括:禁用、长度,宽度、排列以及表单灰色提示文字段。6.按钮的大小、颜色与禁用;原创 2016-08-12 16:24:23 · 715 阅读 · 0 评论 -
CSS 超长文本的隐藏和鼠标覆盖后显示
在 BootStrap Table 实践中,数据文本过长导致文本本身溢出表格区域,为了实现鼠标覆盖能够显示文本,正常状况下省略显示。CSS 文件,代码示例:.hiddenOverFlowCoverShow:hover{ width: 225px; font-size: 12px; border: 0px solid #ddd; overflow: hi原创 2016-12-30 20:20:25 · 1923 阅读 · 0 评论