div+css 制作网页

对于div我的个人理解是把一个页面划块,就是贴上一层纸作为模板真正做的是div块结构,把页面划分很多块后再用css装饰页面,相对来说就是以前的table来说方便好用;

css(选择器,属性,值)3种引入方式:(符号选择器,类选择器,id选择器)
1.body内
<标签 style="font-size:10pt">// 内嵌

2.head内
主要有三种

stytle
1.标签{ 属性:值};// 符号选择器
2. “#” id名字{属性:值};// id选择器
3. dian名字{属性:值}// 类选择器
/stytle

body中调用:
2<标签 id = “id名字”>
3 <标签 class=“名字”>
3.外文件:
style type="text/css">
@import 
 url (h3.css);
style



ul li 标签里的文字在div里面溢出的原因:
因为ul和li是有默认边框的,而div也有长度和宽度,不合理设置的话li内的文字是会出现在div和外部之间或者下面的解决办法吧ul的
ul{
        list-style-position:inside;
        list-style-type:square;
        margin: 0;// 边框设置为零
        padding:0; // 装垫设置为零
        }
常见的属性作用:
1.将文字图像想左或右靠齐:align=“right”;
2.背景颜色 blackground=red;
3.空格 
常规div属性设置:
  #divcenter5{
        position:absolute;// 相对父类页面绝对定位
        border-style:none;//边框样式;
        background:yellow;背景颜色
        width:440px;//宽度
        height: 265px;//长度
        top:779px;//距离div顶部距离
        left:760px;//距离div左部距离
        }
  • 1
    点赞
  • 5
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值