css橄榄积雪精华孩子能用吗

2023-03-29 21:44:02html-css037

css橄榄积雪精华孩子能用吗,第1张

不能用。CSS橄榄精华积雪草，有修红舒敏、舒缓，抗氧提亮肤色的功效，该产品是适用于20岁至30岁年龄段使用的，小孩是不能用的，因为小孩的皮肤很嫩，可使用的话可以买专门为小孩生产的护肤产品。

这是用html和css写出的页面

怎么才能达到这种效果

先看源码：

<!DOCTYPE html>

<html>

<head>

</head>

<body>

<div>

<p>盼望着，盼望着，东风来了，春天的脚步近了，一切都像刚睡醒的样子，欣欣然张开了眼。山朗润起来了，水涨起来了，太阳的脸红起来了。

小草偷偷地从土里钻出来，嫩嫩的，绿绿的。园子里，田野里，瞧去，一大片一大片满是的。坐着，躺着，打两个滚，踢几脚球，赛几趟跑，捉几回

迷藏。风轻悄悄的，草绵软软的。</p>

<p>桃树、杏树、梨树，你不让我，我不让你，都开满了花赶趟儿。红的像火，粉的像霞，白的像雪。花里带着甜味，闭了眼，树上仿佛已

经满是桃儿、杏儿、梨儿！花下成千成百的蜜蜂嗡嗡地闹着，大小的蝴蝶飞来飞去。野花遍地是：杂样儿，有名字的，没名字的，散在草丛里，

像眼睛，像星星，还眨呀眨的。</p>

</div>

</body>

</html>

div{

height: 600pxwidth: 416px /*定义盒子高度和宽度*/

border: solid 1px red /*border-width, border-style,和border-color.*/

padding: 115px 4em 0

/*为了避免背景图像重复平铺到边框区域，应禁止他平铺*/

background: url(../img/p3.jpg) no-repeat

/*设计背景图像的定位坐标点为元素边框上的左上角*/

background-origin: border-box /*相对位置*/

background-size: cover

overflow: hidden /*overflow属性指定如果内容溢出一个元素的框，会发生什么。*/

/*visible 默认值。内容不会被修剪，会呈现在元素框之外。

hidden 内容会被修剪，并且其余内容是不可见的。

scroll 内容会被修剪，但是浏览器会显示滚动条以便查看其余的内容。

auto 如果内容被修剪，则浏览器会显示滚动条以便查看其余的内容。

inherit 规定应该从父元素继承 overflow 属性的值。*/

}

/*定义标题*/

div h1{

font-size: 18pxfont-family: "幼圆"

text-align: center

}

/*定义文章*/

div p{

text-indent: 2em/*text-indent 属性规定文本块中首行文本的缩进*/

line-height: 2em/*行高*/

font-family: "楷体"

margin-bottom: 2em

}

后面的细节慢慢挑出来演示一下。

请复制以下代码然后新建一个html文件，就可以了

</style>

<!--

function h(obj,url){

obj.style.behavior='url(#default#homepage)'

obj.setHomePage(url)

}

function $(id){

obj=document.getElementById(id)

if (obj==null) obj=document.all.id

return obj

}

//检查颜色值-Begin

function isNum16(ch)

{

if (ch >= '0' &&ch <= '9')return true

if (ch >= 'A' &&ch <= 'F')return true

if (ch >= 'a' &&ch <= 'f')return true

return false

}

function isAllNum16(str1)

{//判断颜色值。除第一个字符#外的任一个值是否大于等a,A,0,小于等于f,F,9，否则报错。

for (i=1i<str1.lengthi++) {

if (!isNum16(str1.charAt(i)))

{

return false

}

return true

}

function checkCol(myColor)

{ //made by jiarry,input color value to change background

if(myColor!="")

{

if(myColor.length !=7 || myColor.charAt(0)!="#")

{

alert("颜色值加#至少7位，请检查！")

$("SelColor").value=""

}

else if(!isAllNum16(myColor))

{

alert("颜色代码错误，请检查\n 颜色代码示例:#ff6600")

$("SelColor").value=""

}

else{

return myColor

}

//检查颜色值-END

var SelRGB = '#808080'

var DrRGB = ""

var SelGRAY = '120'

var SelCol=""

var baseCol="#808080"

var light="120"

var RGB=$("RGB")

var hexch = new Array('0', '1', '2', '3', '4', '5', '6', '7', '8', '9', 'A', 'B', 'C', 'D', 'E', 'F')

//add innerText to FireFox Begin

if(!document.all){

HTMLElement.prototype.__defineGetter__

(

"innerText",

function ()

{

var anyString = ""

var childS = this.childNodes

for(var i=0i<childS.lengthi++)

{

if(childS[i].nodeType==1)

anyString += childS[i].tagName=="BR" ? '\n' : childS[i].innerText

else if(childS[i].nodeType==3)

anyString += childS[i].nodeValue

}

return anyString

}

)

}

////add innerText to FireFox End

function ToHex(n)

{ var h, l

n = Math.round(n)

l = n % 16

h = Math.floor((n / 16)) % 16

return (hexch[h] + hexch[l])

}

function DoColor(c, l)

{ var r, g, b

r = '0x' + c.substring(1, 3)

g = '0x' + c.substring(3, 5)

b = '0x' + c.substring(5, 7)

if(l >120)

{

l = l - 120

r = (r * (120 - l) + 255 * l) / 120

g = (g * (120 - l) + 255 * l) / 120

b = (b * (120 - l) + 255 * l) / 120

}else

{

r = (r * l) / 120

g = (g * l) / 120

b = (b * l) / 120

}

return '#' + ToHex(r) + ToHex(g) + ToHex(b)

}

function EndColor()

{ var i

var GrayTable=$("GrayTable")

if(DrRGB != SelRGB)

{

DrRGB = SelRGB

for(i = 0i <= 30i ++)

GrayTable.rows[i].bgColor = DoColor(SelRGB, 240 - i * 8)

}

var SelColor=$("SelColor")

var RGB=baseCol

var GRAY=light

var ShowColor=$("ShowColor")

SelColor.value = DoColor(baseCol, light)

ShowColor.bgColor = SelColor.value

document.getElementById('copytip').innerHTML=''

}

function ctOut(e) {

baseCol=SelRGB

EndColor(baseCol)

}

function ctClick(e) {

SelRGB = e.bgColor

EndColor()}

function ctOver(e){

baseCol = e.bgColor.toUpperCase()

EndColor()

}

function gtOver(e){

light = e.title

EndColor()

}

function gtOut() {

light = SelGRAY

EndColor()

}

function gtClick(e){

SelGRAY = e.title

EndColor()

}

function okClick(){

var SelColor=$("SelColor")

self.parent.setColor(SelColor.value)

}

function inpCol(o){

var l=o.value

if (l.length==7){

$('ShowColor').bgColor=checkCol(o.value)}

else if(l.length>7){

o.value=l.substring(0,7)

alert("颜色代码加#不能超过7位")

}

-->

</script>

function wc(r, g, b, n)

{

r = ((r * 16 + r) * 3 * (15 - n) + 0x80 * n) / 15

g = ((g * 16 + g) * 3 * (15 - n) + 0x80 * n) / 15

b = ((b * 16 + b) * 3 * (15 - n) + 0x80 * n) / 15

document.write('<TD BGCOLOR=#' + ToHex(r) + ToHex(g) + ToHex(b) + ' height=8 width=12 onmouseover="ctOver(this)" onmouseout="ctOut(this)" onmousedown="ctClick(this)"></TD>')

}

var cnum = new Array(1, 0, 0, 1, 1, 0, 0, 1, 0, 0, 1, 1, 0, 0, 1, 1, 0, 1, 1, 0, 0)

for(i = 0i <16i ++)

{

document.write('<TR>')

for(j = 0j <30j ++)

{

n1 = j % 5

n2 = Math.floor(j / 5) * 3

n3 = n2 + 3

wc((cnum[n3] * n1 + cnum[n2] * (5 - n1)),

(cnum[n3 + 1] * n1 + cnum[n2 + 1] * (5 - n1)),

(cnum[n3 + 2] * n1 + cnum[n2 + 2] * (5 - n1)), i)

}

document.writeln('</TR>')

}

</SCRIPT>

</TABLE>

</div>

</td><td valign="top" style="padding-left:30px ">

for(i = 255i >= 0i -= 8.5) {

document.write('<TR BGCOLOR=#' + ToHex(i) + ToHex(i) + ToHex(i) + '><TD TITLE=' + Math.floor(i * 16 / 17) + ' height=5 width=20 onmouseover="gtOver(this)" onmouseout="gtOut()" onmousedown="gtClick(this)"></TD></TR>')

}

</SCRIPT>

</TABLE>

</div>

</td></tr>

</table>

</td>

</table>

</div>

</td>

</tr>

</table>