9.29css继承属性

1css可以继承的属性有哪些？

Font 系列 text系列 color line-height

2border-radius的值的问题

text align：center；

border-radius：7px 7px 7px 0；

四个值的顺序左上右上右下左下

white-space 规定段落中的文本换不换行往往值是nowrap 不换行

Word-wrap 属性允许长的内容可以自动换行属性值是 break-word 允许默认是不允许

写三角形

div{

width：0；

height：0；

border：top 5px solid transparent；

border right：5px solid transparent；

border-bottom solid blue；

border-left：5px solid transparent；

}

宽高必须是零

6margin对布局的影响双飞翼布局圣杯布局

双：两边auto（自适应）

圣杯：中间自适应

Margin是外边距，属性值是数字数字又分正负。

正数：margin：20px；

负数：在static元素中（标准流下）margin-left为负数当前元素向左走 margin-top为负当前元素向上走

Margin-bottom为负数后当前元素不动后面的元素向上走，margin-right为负数当前元素不动后面的元素向左走

注意的，margin为负会增大当前元素的宽（前提是当前元素没有设置width）

场景

给ul一个margin-right 就无形之中给ul加了20px宽度。

在float下

Margin为负也是我们常用的双飞翼，圣杯布局

中间自适应两端固定

给元素margin-left为负当前元素向左走，margin-right为负后一个元素向左走会覆盖当前元素。

在absolute下

Margin为负

让元素居中，前提是知道元素的宽高。

div{

Position：absolute；

Left：50%；

Top：50%；

Margin-left:-width/2;

Margin-top:-height/2

}

Margin为负无论在什么条件下都是释放自己的空间，如果自己的margin不够，就把自己的宽高贡献出去。

原文地址：https://www.cnblogs.com/zhangtao12/p/9796869.html

时间： 2024-11-03 14:24:11

9.29css继承属性的相关文章

关于 JS 面向对象继承属性和方法的小例子

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title></title> </head> <body> <h1>关于 JS 面向对象继承属性和方法的小例子</h1> </body> </html> <script> //人的构造函

可继承属性所有元素:visibility.cursor 列表元素:list-style.list-style-type.list-style-position.list-style-image 字体属性:line-height.color.font.font-family.font-size.font-style.font-variant.font-weight.font-size-adjust 表格布局属性:caption-side.border-collapse.border-spacin

JS 本地属性与继承属性

判断是否拥有某种属性 1.in 运算符 var obj = {name:'jack'}; alert('name' in obj); // --> true alert('toString' in obj); // --> true 2.hasOwnProperty方法 var obj = {name:'jack'}; obj.hasOwnProperty('name'); // --> true obj.hasOwnProperty('toString'); // --> fal

Css继承属性和非继承属性

一.无继承性的属性 1.display:规定元素应该生成的框的类型 2.文本属性: vertical-align:垂直文本对齐 text-decoration:规定添加到文本的装饰 text-shadow:文本阴影效果 white-space:空白符的处理 unicode-bidi:设置文本的方向 3.盒子模型的属性:width.height.margin .margin-top.margin-right.margin-bottom.margin-left.border.border-style

php继承--属性，方法重载

思考:php对象复合数据类型,如果直接echo 输出对象会报错的,这样的报错会给用户体验不好,有没有办法能够解决这类问题呢? 引入:虽然上述问题出现是因为程序员的误操作,但是的确有可能出现这样的问题,尤其是我们的程序是给外部调用时,所以,面向对象关于很多对象可能出现了一种容错机制,这种机制叫做重载. php重载[了解] 定义重载overload,本意指一个类中可以出现多个同名方法,彼此之间的参数个数和类型不一样,但是php中不支持同名方法,而且也不区分数据类型(所类型语言) 所以php不

继承属性的函数

var json={name:'小谢',age:'28'}var a = [];function extent(child,parent){for(var attr in parent){child[attr]=parent[attr];}} extent(a,json);alert(a.name);

Spring配置继承属性

一:案例截图二:基本代码 Student.java <span style="font-size:14px;">package com.cloud.inherit; public class Student { private String name; private int age; public String getName() { return name; } public void setName(String name) { this.name = name;

C++的继承操作---基类指针访问派生类问题---基类成员恢复访问属性问题

#include "stdafx.h" #include <iostream> #include <algorithm> using namespace std; class Base { public: int num; virtual void func() { cout<<"Do something in Base"<<endl; } }; class Derived:private Base { public:

JS中如何实现属性和方法的继承

JS中面向对象的实现: function Person(name,color){ this.name = name; this.color = color; } Person.prototype.showName = function(){ alert(this.name); } Person.prototype.showColor = function(){ alert(this.color); } function Worker(name,color,job,age){ Person.app