澳门赌场

中文
    达人设计 V
    职业:网页设计
    LV.1 2016-06-07 15:54:21 分享 举报
    内容简介:《div+css进修笔记》由达人设计整理,简单易懂,便于入门进修。
    div+css进修笔记
    2016-06-07 15:54:21 作者:达人设计 LV.1 职业:网页设计 浏览(3348) 喜爱(0) 评论(0)

    一.建站流程

    平面设计 ---- 制作 ---- 程序

    1.平面设计:ps

    2.制作:div+css

    3.程序:asp: asp.net;  php;  jsp。

    jQuery:制作和程序中常用

    二.简介

    html:超文本标记语言 (最新版本html 5.0)

    xml:可扩展标记语言

    xhtml:相称于html 4.0版本

    html标签:<html></html>  <head></head>  <div></div>  <p></p>  <br />  ……

    常用标签:<div></div>  <ul><li></li></ul>  <dl><dt></dt><dd></dd><dl>

    CSS:(Cascading Style sheet)层叠样式表

    命名:一般以英文命名 (首字母不能为数字)

    三.css 调用办法

    外联:在<head></head>之间调用 <link type="text/css" rel="stylesheet" href="css/css.css"/>

    内联:写在<head></head>之间 <style rel="stylesheet" type="text/css"></style>

    澳门赌场:内嵌:嵌在标签里style=" "

    澳门赌场:四.属性

    澳门赌场:1. class (.) id (#)

    澳门赌场:2.属性写在花括符里,每条用逗号隔开 (内嵌 style=" ")

    3.常用:weight:宽 height:高 border:边线 margin:边距(margin:0 auto;居中) padding:填充 color:颜色 font-size:字号 font-family:字体 float:浮动(使两个div在同一行上)  background:背景

    澳门赌场:4.边线

    澳门赌场:border:1px solid #ccc;

    澳门赌场:border-top:1px solid #ccc;

    澳门赌场:border-left:

    澳门赌场:border-right:

    澳门赌场:border-bottom:

    solid:实线 dashed:虚线 dotted:点线 double:双线

    澳门赌场:5.边距

    澳门赌场:margin-top:10px;

    澳门赌场:margin-left:10px;

    澳门赌场:margin-right:10px;

    澳门赌场:margin-bottom:10px;

    澳门赌场:简写

    澳门赌场:margin:10px;

    澳门赌场:margin:10px 20px 30px 40px; (由上面开始 顺时针方向)

    澳门赌场:margin:10px 20px; (上下10px  摆布20px)

    澳门赌场:边距还可以是负数

    澳门赌场:6.填充

    澳门赌场:padding-top:10px;

    澳门赌场:padding-left:10px;

    澳门赌场:padding-right:10px;

    澳门赌场:padding-bottom:10px;

    澳门赌场:简写

    澳门赌场:padding:10px;

    澳门赌场:padding:10px 20px 30px 40px; (由上面开始 顺时针方向)

    澳门赌场:padding:10px 20px; (上下10px  摆布20px)

    澳门赌场:7.文字

    澳门赌场:font-family:"黑体", Arial;

    澳门赌场:font-size:12px; 文字大小

    澳门赌场:color:#555;文字颜色

    澳门赌场:font-weight:bold;

    澳门赌场:line-height:22px; 行高

    澳门赌场:text-indent:2em; 首行缩进(单位em首行缩进)

    澳门赌场:text-align:center; 水平对齐

    澳门赌场:word-spacing;英文单词

    澳门赌场:letter-spacing:1px;汉字或字母间距

    font-style(字体样式): normal(正常)、italic(斜体)或oblique(倾斜)

    澳门赌场:简写 font:italic bold 12px/22px  arial, "宋体";

    澳门赌场:文字两端对齐最后一行左对齐

    澳门赌场:text-align:justify;

    澳门赌场:text-justify:inter-ideograph;

    澳门赌场:文字超出显示省略号

    澳门赌场:text-overflow:ellipsis;

    澳门赌场:white-space:nowrap;

    澳门赌场:*white-space:nowrap;

    澳门赌场:overflow:hidden;

    澳门赌场:8.背景

    澳门赌场:background-color:#fff;背景颜色

    background-image:url(../images/index2_01.png); 背景图片

    background-repeat:no-repeat; 背景不重复 值:repeat-x:x轴重复 repeat-y:y轴重复

    background-position:10px 20px;(离右边10像素 上边20像素)  它的值可以是:lef right center top bottom

    background-attachment:fixed; 背景浮动 scroll(默认值)背景滚动

    澳门赌场:简写:

    background: #fff url(../images/index2_01.png) no-repeat 10px 20px  fixed;

    澳门赌场:9.大小

    澳门赌场:weight: 宽

    澳门赌场:height: 高

    澳门赌场:值可以的 auto (自动搞) %;

    例如:weight:20px;  weight:auto;  weight:80%;

    澳门赌场:min 最小值

    澳门赌场:max 最大值

    澳门赌场:例如:min-height:最小高度 

    澳门赌场:10.内隐藏属性overflow

    澳门赌场:visible:默认值。内容不会被修剪,会呈而今元素框之外。

    澳门赌场:hidden:内容会被修剪,并且其余内容是弗成见的。

    澳门赌场:scroll:内容会被修剪,可是浏览器会显示滚动条以便查看其余的内容。

    澳门赌场:auto:如果内容被修剪,则浏览器会显示滚动条以便查看其余的内容。

    澳门赌场:inherit:规定应该从父元素担当 overflow 属性的值。

    澳门赌场:11.显示属性 display

    澳门赌场:常用值

    澳门赌场:none:此元素不会被显示。

    澳门赌场:block:此元素将显示为块级元素,此元素前后会带有换行符。

    澳门赌场:12.单位

    澳门赌场:常用单位:px em(1em等于1个字大) %

    澳门赌场:13.颜色

    澳门赌场:颜色名称:(例如 red)

    澳门赌场:RGB值:(例如 rgb(255,0,0))

    澳门赌场:RGB百分比值:(例如 rgb(100%,0%,0%))

    澳门赌场:十六进制数:(例如 #ff0000)

    澳门赌场:简写:#ff9900 #f90

    澳门赌场:14.超链接

    澳门赌场:a:link:选择所有未被访问的链接。

    澳门赌场:a:visited:选择所有已被访问的链接。

    澳门赌场:a:active: 选择活动链接。

    澳门赌场:a:hover:选择鼠标指针位于其上的链接。

    澳门赌场:text-decoration:none; 去掉下划线

    澳门赌场:15.圆角

    澳门赌场:border-radius: 5px; 所有角都使用半径为5px的圆角,此属性为CSS3标准属性

    澳门赌场:-moz-border-radius: 5px; Mozilla浏览器的私有属性

    澳门赌场:-webkit-border-radius: 5px; Webkit浏览器的私有属性

    border-radius: 5px 4px 3px 2px; 四个半径值分别是左上角、右上角、右下角和左下角

    澳门赌场:16.透明度

    澳门赌场:(1)第一种

    澳门赌场:filter:alpha();

    澳门赌场:background:#000;

    澳门赌场:opacity:0.5; 

    澳门赌场:(2)第二种

    澳门赌场:background:rgb(0,0,0);

    澳门赌场:filter:alpha();

    澳门赌场:background: rgba(0,0,0,0.6);

    opacity: 0.5; 这是最重要的,因为它是CSS标准.该属性支持Firefox, Safari和 Opera.

    澳门赌场:filter:alpha(); 这个是为老的IE设的,可取值在0-100,别的三个0到1.

    澳门赌场:-moz-opacity:0.5; 这个是为了支持一些老版本的Mozilla浏览器。

    澳门赌场:-khtml-opacity: 0.5; 这个为了支持一些老版本的Safari浏览器。

    澳门赌场:17.固定宽高自动,或者固定高宽自动

    澳门赌场:max-width:300px;

    _width:expression(this.width > 300 ? "300px" : this.width);

    澳门赌场:18.选择器

    澳门赌场:类选择器:.box{ color:#f00; }

    澳门赌场:Id选择器:#box{ color:#f00; }

    标签选择器:body{ color:#f00; } div{ color:#f00; } img{ height:10px; }

    澳门赌场:分组选择器:.box1,.box2{ color:#f00; }

    澳门赌场:子选择器:.box>div{ color:#f00; }

    澳门赌场:后代选择器:.box .box_01{ color:#f00; }

    澳门赌场::first-child(首个子对象)

    澳门赌场:19.表格

    澳门赌场:.box table{

    澳门赌场:  border-collapse:collapse;

    澳门赌场:}

    澳门赌场:.box td{

    澳门赌场:  border: 1px solid black;

    澳门赌场:  line-height:20px;

    澳门赌场:}

    澳门赌场:20.定位

    澳门赌场:position: relative; 

    澳门赌场:relative 相对的(相对☂其正常地位进行定位top left)

    absolute 绝对的(相对☂ static 定位以外的第一个父元素进行定位 top left right bottom) 

    澳门赌场:fixed 漂泊 (相对☂浏览器绝对定位top left right bottom)

    澳门赌场:static 默认值 没有定位

    澳门赌场:21. 优先级:

    澳门赌场:后面的 > 前面的

    澳门赌场:id > class

    澳门赌场:内嵌 > 内联 > 外联

    澳门赌场:z-index:9999; 数字越大优先级越大,默认为零

    澳门赌场:22.兼容

    澳门赌场:-ms-:IE

    澳门赌场:-webkit-:Safari 和 Chrome

    澳门赌场:-moz-:Firefox

    澳门赌场:-o-:Opera

    澳门赌场:IE、FF 共用 height: 100px !important(优先级)

    澳门赌场:.box{

    澳门赌场:  width: 100px!important;

    澳门赌场:  width: 80px;

    澳门赌场:}

    澳门赌场:clear:both; 清除浮动

    澳门赌场:display:inline; 此元素会被显示为内联元素,元素前后没有换行符。

    •  最多可以输入200个字符
     双击图片添加 X
     双击图片添加 X
    支付方式 |网页设计 |联系咱们 |资助核心 |网站地图 |app |微信
    技术支持: 达人设计   版权所有:© 达人设计   邮箱:[email protected]   电话:13622397622   地址:深圳市南山区西丽社区西丽