A股上市公司传智教育(股票代码 003032)旗下技术交流社区北京昌平校区

© 厦门校区   /  2018-5-15 19:22  /  12293 人查看  /  72 人回复  /   0 人收藏 转载请遵从CC协议 禁止商业使用本文


林荣彬
          今天学习WEB的CSS,CSS是层叠样式表它的主要作用就是用来优化HTML页面.使页面变得更加美观.
主要学习了CSS的语法会用:
块标签:
<Div></Div> 独占一行
<span></span> 默认在同一行显示

CSS的引入方式有三种:
行内样式,   :直接在HTML的元素上使用style属性设置CSS
页面内样式,   :在HTML的<head>标签中使用<style>{    }标签使用
外部样式     :单独去定义一个.CSS的文件在HTML的<head>中使用<link hef=””>引入CSS文件

CSS的选择器

CSS中的盒子模型:
内边距:padding
外边距:margin
边框:border

CSS中的定位:
Position 属性设置定位:
relative:相对定位
Absolute:绝对定位

在今晚做注册页面的时候有很多都记不住,思路不够清晰,做的乱七八糟,重新整理再做一遍思路就清晰了很多,在使用的时候也更加熟悉,也加深了印象.
回复 使用道具 举报
Do1 中级黑马 2018-5-16 18:48:41
62#
本帖最后由 Do1 于 2021-6-21 08:17 编辑


今天学习了DIV


DIV在HTML前端页面布局中,非常重要,我们经常遇到的问题是:DIV居中,DIV自适应高度等等,下面就来总结一下。
多个div使用会自动换行,应该使用float属性
  left :  对象浮在左边
  right :  对象浮在右边
例如:
  float: left  和 float: right 是两个div左右排列在同一行
<div style="width: 20%; float: left; height: 100%">图片</div>
<div style="width: 50%; float: right; height: 100%">图片</div>
所以div很好用,摈弃了表格形式布局活动性差 元素板块僵硬的特点,使得可以更灵活的操作页面中的各种控件元素
回复 使用道具 举报
Ldddd 初级黑马 2018-5-16 18:51:15
63#
今天学习了DIV&CSS,DIV是HTML的块标签,用来分割网页的,CSS是美化网页的一种工具,CSS基本类型是,控制器(属性名:属性值),然后学习了三种引入方式,三种主要的选择器,还有悬浮,定位,自己总结的Xmin'd,有标记重点的Xmind,比较适合我自己的总结方式。
回复 使用道具 举报
Ldddd 初级黑马 2018-5-16 18:58:59
64#
赖镇东
CSS&DIV总结
DIV其实就是比较灵活的板块,不像table表格那样,条条框框,DIV更加灵活,同时与CSS结合的美化,让网页更加灵活,用<style>来描述属性,添加了选择器这元素,有点类似JAVA中的面向对象,或者说方法,更加灵活,比方说网页要更新什么东西的时候或者框架要改变的时候,利用这些选择器改动就能改变整个网页,更加轻松可变。下面是我总结的xmind,有标重点内容是必须掌握的,也是要多看的
回复 使用道具 举报
1234
您需要登录后才可以回帖 登录 | 加入黑马