2015年9月21号css第一次课

一、border的用法

  border的属性有:border-color:边框颜色; border-width: 边框的粗细;border-style:边框样式(solid实线、dashed虚线、dotted:点线)

  常用一行写法:border:solid 1px red;

例子:
HTML代码:

<div id="d1">
  边框高度:200 边框宽度:200 边框颜色:红色
</div>

CSS代码:

#d1{
    width:200px;
    height:200px;
    border:solid 2px red;
}

二、网页背景(background)

网页背景属性有:background-color:背景颜色;background-image:背景图片;background-repeat:(repeat-x; (横向铺满) repeat-y;(纵向铺满)no-repeat;(不铺满)

        background-position:10px 10px 背景图像的位置;background-attachment:fixed 背景图片的固定;background-size:cover(拉伸铺满)

三、Overflow属性

  visible:默认的值。(内容超出会显示在框外)。

  hidden:超出的内容不显示。

  scroll:会出现一个滚动条,以便查看其余的内容。

  auto:内容不超出不出现滚动条,超出才会显示滚动条

时间: 2025-01-08 14:05:02

2015年9月21号css第一次课的相关文章

2015年9月21号css1

一.border边框 border:1px solid #F00; border-style:dashed虚线 dotted点点点 边框样式 border-width:3px;边框宽度 border-color:#F00;边框颜色 还可以控制四个边的属性 border-top.border-bottom.border-left.border-right 二.背景 background-color:#F00; 背景颜色 background-image:url(../image/2.jpg);/*

2015年9月22号css第二次课

常用的块级元素和行内元素 1.块级元素(p.hr.div.table.ul.ol.li.h1-h6) 2.行内元素(a.img.input.span) 块级元素和行内元素相互转换 1.display:inline; 块级转成行内元素 2.display:block; 行内元素转成块级元素 3.display:inline-block; 具有行内元素和块级元素特点: width.height会受到影响:不会单独占满一行 css盒子模型 内间距:padding padding:10px; 上下左右1

2015年7月9日 CSS第二课(浮动、盒子模型、绝对定位和相对定位)

list-style-type:none是指不显示项目符号 1.块级元素的特点:       常用的块级元素有:body,ul li,ol li,h1-6,div,hr,p,table……等 (1)块级元素里面的内容,或者背景图片,默认显示在块的左上角 (2)块级元素,默认情况下,单独占满一行. 常用的块级元素:div.p.h1-h6.hr.ul li.ol li.table.body... 2.浮动:float 作用:通过漂浮,让块级元素实现并排 float:left 或 right 注意:如

UGITC携手西门子2015年07月21日举办机器人行业技术研讨会

UGITC携手西门子将在2015年07月21日下午在西门子大楼举办机器人行业技术研讨会.目前,国际制造业中心正向中国转移,用信息化带动工业化.用高新技术改造传统产业已成为我国工业发展的必由之路.作为先进制造装备之典型代表的工业机器人必将有一个大的产业发展空间.SiemensPLM助力ABB.柯马等机器人行业更快地迈向工业革命4.0,期待您的加入! 报名截止日期为7月20日(星期一) 请填写以下表格邮件回复邮件到:[email protected]进行报名,名额有限报名从速! 会议地点:上海市大连

2017年6月21号课堂笔记

2017年6月21号 星期三 多云转雷阵雨 空气质量:中度污染~轻度污染 内容: JavaScript 原型式面向对象 01基于Object的对象的方式创建对象:02使用字面量赋值方式创建对象 03构造函数:04原型对象:05原型链 备注:老师休养回来第二节课,希望他手术的伤口尽快愈合,远离伤病痛苦. 一.基于Object的对象的方式创建对象 1.老师代码: <!DOCTYPE html><html><head lang="en"> <meta

9月19号-9月21号丰宁坝上草原行 - 营销系统 - 京东内部论坛 - Powered by Discuz!

9月19号-9月21号丰宁坝上草原行 - 营销系统 - 京东内部论坛 - Powered by Discuz! 9月19号-9月21号丰宁坝上草原行 ? [复制链接]

香蕉派(banana pi )2015年10月 13 号至10月16号参加香港贸发局香港秋季电子

香蕉派(banana pi )将于2015年10月 13 号至10月16号参加香港贸发局香港秋季电子产品展, 欢迎各位前来参观指导 展会名称:香港贸发局香港秋季电子产品展2015时间: 2015年10月13号--10月16号 展台编号:3C-A38地址: 香港湾仔博览道1号香港会议展览中心 期待您的到来!!

2014年7月21号 (shell学习一)

实例一: 第一步:使用vi创建一个文件**.sh(vi的使用这里暂不介绍) #!/bin/bash 注:这是指明有那个shell来解释下边的命令 cd /var/log  #切换目录到/var/log下(#是shell中的注释符) cat /dev/null > messages #这里用到啦输入输出重定向这里是输入重定向,/dev/null是linux中的设备,俗称无低洞. cat /dev/null > wtmp echo "Logs cleaned up." 这里是输

七月算法--12月机器学习在线班-第一次课笔记—微积分与概率论

七月算法--12月机器学习在线班-第一次课笔记—微积分与概率论 七月算法(julyedu.com)12月机器学习在线班学习笔记 http://www.julyedu.com