CSS属性之字体(Font) font：[ [ <font-style> || <font-variant> || <font-weight> ]? <font-size> [ / <line-height> ]? <font-family> ] 复合属性，各属性见下文。 必须同时包含font-size和font-family，且这两个值顺序不能变，其他关键字的值放到这两个值的前面，顺序可以随意打乱。 可以在字号值(font-size)上放一个可选的行高值(line-height)作为字号的某种附属值，后面必须有font-family。 font-style:norma...
概要 标签提供关于HTML文档的元数据。元数据不会显示在页面上，但是对于机器是可读的。它可用于浏览器（如何显示内容或重新加载页面），搜索引擎（关键词），或其他 web 服务。 ?? W3School 必要属性 属性 值 描述 content some text 定义与http-equiv或name属性相关的元信息 可选属性 属性 值 描述 http-equiv content-type / ex...
光标类型 CSS 把你的光标放到相应文字上查看效果 要注意光标的实际效果依赖于用户的系统设置，与你在这里看到的效果并不一定一致。 十字准心 cursor: crosshair; 手 cursor: pointer; cursor: hand;写两个是为了照顾IE5，它只认hand。 等待/沙漏 cursor: wait; 帮助 cursor: help; 无法释放 cursor: no-drop; 文字/编辑 cursor: text; 可移动对象 cursor: move; 向上改变大小(North) cursor: n-resize; 向下...
对于一个元素使用多个类，其中一个属性值在多个类中有不同取值，那么最终的该元素该属性取值是取那个呢？ 当然是优先级高的覆盖优先级低的。 考虑一个css链接文件盒一个html文件。 css中： .form-control{ width: 100% ; ...}.width-control{ width:60% ;} html中： 1. ... 2. ... 上述在html中改变类的书写顺序，发现有效值均为width:60%，说明在html中一个class中并列的类书写先后顺序不影响覆盖顺序. 改变在...
background 简写属性在一个声明中设置所有的背景属性。 所有浏览器都支持 background 属性。 注释：IE8 以及更早的浏览器不支持一个元素多个背景图像。 注释：IE7 以及更早的浏览器不支持 "inherit"。IE8 需要 !DOCTYPE。IE9 支持 "inherit"。 可以设置如下属性： ?background-color ?background-position ?background-size ?background-repeat ?background-origin ?background-clip ?background-attachment ?background-image...
视频教程要我完成一个立体的表格.我照着代码敲,结果在360浏览器中浏览没有任何变化,我检查了半个小时,都没有检查出什么毛病,最后换浏览器查看效果,结果显示显示五花八门. 这是要完成的习题: 以上为不同浏览器的浏览效果,是不是真的浏览器真的不支持这个属性丫? 回复讨论(解决方案) 凸起表格 网站建设 影视广告 网络编程 前...
background-position 属性设置背景图像的起始位置。 这个属性设置背景原图像（由 background-image 定义）的位置，背景图像如果要重复，将从这一点开始。 提示：您需要把 background-attachment 属性设置为 "fixed"，才能保证该属性在 Firefox 和 Opera 中正常工作。 默认值： 0% 0% 继承性： no 版本： CSS1 JavaScript 语法： object.style.backgroundPosition="center" 所有浏览器都支持 background-position 属性。 注...
background-size 属性规定背景图像的尺寸。 语法 background-size: length|percentage|cover|contain; length 设置背景图像的高度和宽度。 第一个值设置宽度，第二个值设置高度。 如果只设置一个值，则第二个值会被设置为 "auto"。 percentage 以父元素的百分比来设置背景图像的宽度和高度。第一个值设置宽度，第二个值设置高度。如果只设置一个值，则第二个值会被设置为 "auto"。 cover 把背景图像扩展至足够大，以使背景图像完...
CSS盒子模型(下) 一．CSS3可伸缩框（Flexible Box） 可伸缩框属性（Flexible Box）是css3新添加的盒子模型属性，有人称之为弹性盒模型，它的出现打破了我们经常使用的浮动布局，实现垂直等高、水平均分、按比例划分等分布方式以及如何处理可用的空间。使该模型，可以很轻松的创建自适应浏览器窗口的流动布局或自适应字体大小的弹性布局。但是它有一定的局限性，在firefox、chrome这浏览器下需要使用它们的私有属性来定义...
主要是向 p 元素的四个角添加圆角边框：实例如下：<!DOCTYPE html> <html> <head> <style> p { border:2px solid; padding:10px; background:#dddddd; border-top-left-radius:1em; border-top-right-radius:1em; border-bottom-right-radius:1em; border-bottom-left-radius:1em; -webkit-border-top-left-radius:1em; /* Safari */ } </style> </head> <body><p>border-top-left-radius 属性允许您向左上角添加圆角边框。</p></...
近期教学给学员总结常用的CSS属性，方便学习查询，正好发上来也给大家分享一下，O(∩_∩)O。 摘选自：http://www.w3cschool.com.cn/ 表格最右列的数字标识支持的CSS最低版本。 目录： 01. CSS背景属性(Background) 02. CSS边框属性(Border和Outline) 03. CSS文本属性(Text) 04. CSS字体属性(Font) 05. CSS外边距属性(Margin) 06. CSS内边距属性(Padding) 07. CSS列表属性(List) 08. CSS尺寸...
在我的记忆中pointer-events就是用来进行事件穿透的，也就是说，如果给父元素设置了pointer-events:none，那么父元素不再监听鼠标事件事件(类似于touch,click这样的)。 需要这样做的情况，通常是我们想“穿透”父层，直接点击子元素时，父元素会当作什么也没有发生一样。这是我以前的知识体系中所收集的信息。现在看来也没有错，只是这不完整。 它是有副作用的，或者说，上面的知识应用是有条件的。当我们在属于父子关系的元素上...
下面一段代码是实现：设备最大宽度为767px，当设备宽度大于767px背景色就是#000，否则就是#f00，代码如下： Media Queriesbody{background:#000;}@media (max-width:767px){body{background:#f00;}} 下面我们稍微扩展下media： CSS Media属性 screen：指计算机屏幕。 print：指用于打印机的不透明介质。 projection：指用于显示的项目...
绝对定位元素盖住链接或添加某事件handle的元素后，那么该链接的默认行为（页面跳转）或元素事件将不会被触发。现在Firefox3.6+/Safari4+/Chrome支持一个称为pointer-events的css属性。使用该属性可以决定是否能穿透绝对定位元素去触发下面元素的某些行为。如下: CSS:pointer-events .overlay1 { width:80px; height:20px; background:gold; position:absolute; top:5px; left:5...
CSS如果想要将DOM元素隐藏，有2种做法：将display属性设置成none，或者将visibility属性设置成hidden。下面的html代码没有设置display和visibility属性。 使用display:none隐藏outB 使用visibility:hidden隐藏outB 对比结果可以很容易得出结论：display:none，元素实际上就从页面中移走了，它后面的元素就会自动上移；而visibility:hidden，则仅仅隐藏该元素，它占据的页面空间依然存在。 对于out...