DW中所学较重要的知识点(归纳总结)

开发工具与关键技术:DW 常用知识点(归纳总结)
作者:黎凤焕
撰写时间:2019年1月17日
在学习前端的过程中,作为初学者,往往都累积许多常用的知识点,觉得较重要的知识点,下面的是个人在学习中觉得较重要的知识点,对它们进行总结归纳,有利于日后温故而知新,提高记忆力。
首先,拿到页面,对它进行分析,然后创建文件,创建HTML CSS JS ,分别将CSS JS 嵌入HTML中,嵌入CSS在中,如图:
在这里插入图片描述
而JS是在底部前嵌入,如图:
在这里插入图片描述
然后对页面进行编写。
注意:代码中的标点符号要英文状态下的标点符号。
line-height 行高 text-align: center; 文本居中
text-decoration: none; 取消下划线 text-decoration: underline; 添加下划线
border-radius 圆角效果 例如下图:
在这里插入图片描述
在这里插入图片描述
hover 伪类(鼠标移入显示,移出隐藏。) font-size 字体大小
border-bottom: none 取消下边框 display: none 隐藏
font-weight: bold 文字加粗
border(边框):可以设置边框的宽度、样式、颜色
padding(内边距):可以设置盒子内容区和边框的间距
margin(外边距):可以设置盒子和 邻元素的间距
表格里面的偶数项:nth-of-type(even)
表格里面的奇数项:nth-of-type(odd)
box-shadow 盒子阴影 h-shadow 水平方向阴影
v-shadow 垂直方向的阴影
float 浮动 属性值(left right none)
position 属性控制页面上元素间的位置关系
position: fixed;(固定定位)position:absolute(绝对定位)position:relative(相对定位)

根据页面的需求进行编写,不断创新,不断的去尝试、挖掘新知识,熟能生巧,勇于探索,知识是人类进步的阶梯。学无止境,温故而知新。

  • 1
    点赞
  • 14
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值