css中em和颜色设置

html-css015

css中em和颜色设置,第1张

2018.7.16

em,px,都为长度单位,CSS直接设置就可以。

%不是一个长度单位,比如2%就是一个完整的值,是一个整体,比如0.02是一个值,没错,2%也同样是值(出处:《css世界》)

注:有一个特殊情况需要注意,如果,p为span的父元素(如下情况)

css里设置为

p{font-size:14px}

span{font-size:0.8em}

自然就会继承父元素,然后再进行子元素的独特性,即(14*0.8=11.2px)以父元素的px为单位。

简写:当值为0px时,可以简写为0。(如下图所示)

颜色设置有 三种方法

第一种就是直接用英文名字(p{color:red})第二种就是根据R(red)G(green)B(blue)颜色的比例来配色,每一项地值在0-255之间,也可以用百分比(p{color:rgb(133,45,200)})第三种就是常用的,原理也是rgb设置,但是将255变成了十六进制(p{color:#336699})

补充:background-color属性接受任意合法的CSS颜色值,如预定义颜色名、十六进制数值、RGB值、RGB百分比、RGBA值、HSL值、HSLA值(这些都是颜色设置的)

tips:1.十六进制的如果每两个之间数字相同可以简写成一个,如上面的p{color:#336699}为p{color:#369}

2.RGB和我当时学的美术的三原色相类似,美术三原色为红黄蓝。(三间色可以直接用三原色调出,红黄为橙,红蓝为紫,黄蓝为绿)

之前一直分不太清楚,今天试了一下,然后懂了。(如下图)

margin为边界,又可以叫做外边框;padding为内边框,也为“填充”。

流动模型为网页的默认模型,流动模型的块元素是自上而下,行元素是从左到右显示。

模型移动(以层模型中的元素为例)

向右移动和向下移动不是我想的right:XXbottom:XX

而是距离左边XX,距离上面XX,距离原来的0,动了XX那么多,自然就是向那里移动了XX。(默认位置为左上角)

另外,层模型使得元素块移动后,它移动前的仍然保留。

有三种方法:

行内样式 直接在标签里面添加style属性,在style属性里面写样式即可;

内部样式 在<head>标签里面通过<style>标签来写入内部样式;

外部样式 通过<link>标签引入外部样式表。

css div怎么设定高度 height就是设定高度的,写上正确的类名,就可以把对应的div的高度设定好了

css 设定div 高度无效

只需要把HTML或BODY的高度设定为100%,然后在body内的任意DIV的高度用百分比表示,就可以了。具体程式码如下:

<>

<head>

<style>

body{height:100%}设定网页高度为百分之百

.login_wrapper{height:100%}设定整体布局高度为网页高度的百分之百

.login_header,.login_footer{background-color:blackheight:20%}设定顶部和底部高度为百分之二十

.login_content{height:60%}设定内容区高度为百分之六十

</style>

</head>

<body>

<div class="login_wrapper">

<div class="login_header">网页顶部</div>

<div class="login_content">网页内容</div>

<div class="login_footer">网页底部</div>

</div>

</body>

</>

CSS 设定DIV 最小高度

一个东西必然得有最小的限制啊,如果没有限制的话,那么div的高度如果为0,那它存在还有什么意义呢? 他是个容器,容易里面放东西肯定得有最小的限制呀。。。

div ui li 不呼叫 CSS 怎么设定 高度

.slider-promo J_Slider J_TWidget ul li { } 这样就可以。 这样就不呼叫,直接写的就是你slider-promo J_Slider J_TWidget这个类下ul li 里的样式。 !前面有个点,类的基本格式,别忘了哦。

css怎样设定div高度随浏览器

用js设定更好

<script language="javascript">

var ss

window.onload=function()

{

var w=document.documentElement.clientWidth 可见区域宽度

var h=document.documentElement.clientHeight可见区域高度

ss=document.getElementById('ha')

alert(w)

ss.style.width=w+"px"

ss.style.height=h+"px"

}

<div id="ha" class="page_speeder_1386847735"></div>

css设定div高度,但div的高度无法自适应内容

首先确保这个div是不是是block。预设情况下,div是block。可能在设定某些css样式的时候更改了也不一定。

可以如果设定了高度,他的高度就会固定下来。可以这样改。不设定他的高度,设定它的overflow:hidden属性就可以自适应内容了、

jquery怎么设定div高度

JQ中height() 方法返回或设定匹配元素的高度。

$("div").height(300)直接设定元素的高$("div").css("height", "300px")通过设定CSS属性来设定元素的高

Jquery是一个优秀的Javascript库,还相容各种浏览器。jQuery使使用者能更方便地处理HTML、events、实现动画效果,并且方便地为网站提供AJAX互动。

怎么设定div的高度

高度例项原始码:

<!DOCTYPE ><><head><meta charset=utf-8 /><title>固定高度</title><style>.div-height{border:1px solid #F00width:300pxheight:200px} </style></head><body><div class="div-height"></div></body></>

DIV高度怎么设定全屏?

DIV最外层全屏100%宽度

其实DIV全屏即宽度值设定为100%,如果对网页最外层的DIV盒子不设定宽度,这样盒子依然是全屏相当于100%宽度。

如果对DIV设定全屏,一般我们就设定其width宽度样式为100%。

这里为了方便理解,DIVCSS5例项讲解DIV全屏实现对最外层DIV给予id引入CSS命名为warp同时为了便于观察,我们对div设定一个css背景为黑色,高度为80px。

完整+css程式码:

<!DOCTYPE >

<xmlns=":w3./1999/x">

<head>

<meta charset=utf-8 />

<title>div全屏例项</title>

<style>

#warp{ width:100%height:80pxbackground:#000}

</style>

</head>

<body>

<div id="warp"></div>

</body>

</>