制作网页中用到的基本知识点

1、select标签下拉选择
select标签
2、input标签

input type="text" placeholder为文本默认显示内容。

3、去掉input中默认的蓝色文本框。

在CSS中的input属性加上outline:none

4、去掉边框样式

border-style:none;

5、画圆

display:inline-block;
border-radius:50%;

6、圆里的数字在圆中间

line-height=height;

7、设置行内样式

style="color:red"

8、超出部分隐藏

overflow: hidden;

9、相对定位
当相对于原来的位置移动时,可以使用。
10、椭圆边

border-radius:用像素表示时为椭圆边。

11、行内垂直居中

display: inline-block;
vertical-align:middle;

12、小手

cursor:pointer;

13、绝对与相对
外面的大块相对定位,里面的小块绝对定位
悬停时出来的是绝对的
14、图片平铺不平铺
平铺:一张不够再写一张

background-repeat

15、加粗

font-weight:bold;

16、删除线标签

del

17、设置阴影

box-shadow:5px 10px 20px silver;

1、横坐标偏移量(相对于元素的左上角定点);
2、纵坐标偏移量(相对于元素的左上角定点);
3、模糊距离(对阴影边界进行模糊处理,防止过于锐利);
4、阴影部分的颜色

  • 0
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
使用Dreamweaver制作带有表格和CSS的网页的大体步骤如下: 1. 打开Dreamweaver软件,选择“网站” -> “新建网站”,填写网站名称、本地站点文件夹、HTTP地址等信息,创建一个新的网站。 2. 在“文件”菜单中,选择“新建” -> “HTML”,创建一个新的HTML文件。 3. 在新的HTML文件中,使用表格标签`<table>`创建表格。例如: ``` <table> <tr> <th>姓名</th> <th>年龄</th> <th>性别</th> </tr> <tr> <td>张三</td> <td>25</td> <td>男</td> </tr> <tr> <td>李四</td> <td>30</td> <td>女</td> </tr> </table> ``` 这个代码段创建了一个包含表头和表格内容的简单表格。 4. 在CSS样式表中定义表格的样式。在Dreamweaver中,您可以使用CSS面板来创建和编辑样式表。例如,以下CSS代码定义表格的样式: ``` table { border-collapse: collapse; width: 100%; } th, td { border: 1px solid black; padding: 8px; text-align: center; } ``` 这个代码段将表格的边框合并为一个,将表格宽度设置为100%,并将表头单元格和表格单元格的边框设置为1像素的黑色实线,并设置单元格内边距为8像素,并将单元格内容居中对齐。 5. 在CSS样式表中定义页面的样式。例如,以下CSS代码定义了页面的背景颜色和标题的样式: ``` body { background-color: lightblue; } h1 { color: white; font-size: 36px; text-align: center; } ``` 这个代码段将页面的背景颜色设置为浅蓝色,并将页面的大标题颜色设置为白色,字体大小为36像素,并将标题居中对齐。 6. 将CSS样式表应用于表格和页面。在HTML文件中,使用`<link>`标签将CSS样式表文件链接到HTML文件中。例如,以下代码将CSS样式表文件(styles.css)链接到HTML文件中: ``` <head> <link rel="stylesheet" href="styles.css"> </head> ``` 7. 在Dreamweaver中预览和测试您的网页。在Dreamweaver中,您可以使用“实时视图”或“设计视图”来查看和测试您的网页。您还可以在浏览器中打开HTML文件来查看和测试您的网页。 希望这些步骤可以帮助您使用Dreamweaver制作带有表格和CSS样式的网页

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值