[Java1期] 【厦门JavaEE就业1期-每日总结】CSS

丶犯二 · 丶犯二

任佳锋
CSS  层叠样式表简单来说就是用来美化html
引入方式分为三种分别是行内样式页面样式还有外部样式
行内的话直接在元素中使用style属性页面则需要在头部<style></style>中定义外部样式则是在外新建一个css文件,然后引入来使用
CSS的常用选择器的话目前只介绍了五个
元素选择器通过标签名调用
id选择器  #id{} 通过将元素的id设置与id选择器同名调用
类选择器 .类名{}    通过将元素的class设置为该选择器类名调用
p span后代选择器的话是直接对p后面的所有Span对象进行全选操作
而子元素选择器：p > span则是只对第一个Spand操作

这之后还学了CSS的盒子模型和悬浮与定位,  悬浮与定位这一块的话感觉不是很理解
特别是清除悬浮明天再把这部分捋一捋吧

柯建程 · 柯建程

柯建程
frameset  与body有冲突  只能有其一
属性
rows 上下行
cols 左右
使用<frame>标签,frame代表切分每个部分
<frameset rows="15%,*">  上下行分2个
<frame src=" " /> src接收引入的页面
frame可以取名字 frameset里面不可以
跳转可以在用frame的名字进行跳转到指定位置
CSS概述  层叠样式表
HTML相当于网站的骨架,css对骨架进行美化,
css在那些地方使用
任何网站都会使用css取美化页面
要求掌握三种选择器:
元素选择器(页面内要使用<style>)
  ID选择器
#d1{}
要加#
获取时  id=:"d1"
类选择器
.divClass
要加.
获取时 class="divClass"
css浮动
float 数一种属性  定义在选择器中
用id选择器
#id{
float:left
float:right
}
清除浮动效果:clear both

盒子模型(注册页面的注册表制作  用绝对定位去做 )
padding ;10 先距离上左
padding :10px,0,5px,10px 上右下左
margin 外边距
css定位
position
relative 相对定位
absolute绝对定位
使用left top

望蜀 · 望蜀

邵倩

框架标签<frameset> 按行rows或列cols对页面进行切割布局,不能与body共存

HTML的块标签:
<div> </div> 独占一行特有的浮动功能使其能够灵活移动,区别于table
<span> </span>默认在同一行

CSS 即层叠样式表/级联样式表  用于美化HTML,实现样式和页面分离

CSS的部分语法:

引入方式:
1.行内样式:在标签上定义一个<style> </style>
2.页面内样式 :在<head> </head>间定义一个<style> </style>
3.外部样式:定义一个.css文件,使用<link />引入
注意:当3种方式发生冲突遵循就近原则

选择器:1.元素选择器 2.id选择器 3.(常用)类选择器

样式:1.字体 2.背景 3.文本 4.列表

盒子模型:1.内边距padding 2.外边距margin 3.边框border

悬浮:1.悬浮float:left,right 2.清除悬浮clear:left,right,(常用)both

定位position:先设置定位方式 1.相对定位relative  2.绝对定位:absolute
                  再使用另外两个属性:left,top

林荣彬 · 林荣彬

林荣彬
今天学习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 · Do1

本帖最后由 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 · Ldddd

今天学习了DIV&CSS，DIV是HTML的块标签，用来分割网页的，CSS是美化网页的一种工具，CSS基本类型是，控制器（属性名：属性值），然后学习了三种引入方式，三种主要的选择器，还有悬浮，定位，自己总结的Xmin'd，有标记重点的Xmind，比较适合我自己的总结方式。 1526467793(1).jpg

Ldddd · Ldddd

赖镇东
CSS&DIV总结
DIV其实就是比较灵活的板块，不像table表格那样，条条框框，DIV更加灵活，同时与CSS结合的美化，让网页更加灵活，用<style>来描述属性，添加了选择器这元素，有点类似JAVA中的面向对象，或者说方法，更加灵活，比方说网页要更新什么东西的时候或者框架要改变的时候，利用这些选择器改动就能改变整个网页，更加轻松可变。下面是我总结的xmind，有标重点内容是必须掌握的，也是要多看的 1526467793(1).jpg

帐号		自动登录	找回密码
密码			加入黑马

[Java1期] 【厦门JavaEE就业1期-每日总结】CSS

点评