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

传智教育官网黑马程序员官网

 找回密码
 加入黑马

QQ登录

只需一步，快速开始

论坛首页 › 厦门校区 › 聚沙成塔 › 正文

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

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

六道的骸6 中级黑马 2018-5-15 22:00:21
| 只看该作者
21#
本帖最后由 六道的骸6 于 2018-5-16 10:43 编辑

张裕
CSS 给HTML美化功能用的
引入方式 内部和外部引用 内部使用style 外部使用link链接使用
基本语法  选择器 声明   选择器{属性:属性值;(声明)}

常用选择器
元素选择器{}              类选择器  .类名{ }   id选择器  #id名{ }

盒子模型,悬浮和定位.(凉了) 上课没听 视频听了想睡觉  明天补视频
可能一下适应不了前端 目前处于菜的不能在菜的水平 争取早日调整好状态
回复 使用道具 举报
沅瞻 中级黑马 2018-5-15 22:00:41
| 只看该作者
22#
今天学习了DIV+CSS方式重新布局页面
DIV+CSS布局跟昨天学习的布局有什么差别?
昨天是使用表格的布局,表格的布局是定死的,不灵活.DIV+CSS较为灵活些
什么是CSS?
HTML如果是网站的骨架,那CSS就相当于网站的皮肉,对骨架进行美化.
CSS引入方式分几种
一种行内样式,直接在元素上面使用style设置属性
一种页面内样式,在头部<head>标签中使用style设置
还有一种外部样式,单独定一个文件.在HTML中引入该文件
CSS基本语法包含选择器跟声明
声明里些属性跟属性的具体值
选择器有
元素选择器,ID选择器,类选择器等多种
CSS的浮动通过使用float属性来完成

点评

郭付民
66666  发表于 2019-7-8 00:18
回复 使用道具 举报
w849027724 中级黑马 2018-5-15 22:00:52
| 只看该作者
23#
今天学了div+css样式，通过这种方式我们可以更加灵活的对网页进行设计，制作出精美的网页。首先，css的定义实在style标签里面，在这个标签里面，我们可以直接引用标签名，入body{}这样我们就引用整个body部分，然后在大括号里面进行属性设置，例如box-size，color，background-color等等。我们也可以引用class和引用id，这些都是在style里面用。class名字，或者。id名字进行引用，然后设置属性，我们还可以使用name来完成，不过在style里面引用name要是有#name值进行引用。
一般来说，一个网页的css样式会很多的，如果我们放在一个页面，css多了就不好操作，所以我们可以使用link进行引用，在HTML外面创建一个css文件专门用来放css样式，然后在HTML里面使用link进行引入，但是这个可以覆盖，如果你引入的css样式不好看，你要自己写，那么只有在HTML里面使用相同id或者class进行复写，就可以覆盖引入的css样式。
一般对于多个css样式，我们可以选择多个，例如div里面有多个a标签，我们都赋予同样的样式，那么就可以div a{}这样就选择div里面所有的，如果选择第一层的可以div>a{}，你也可以选择第一个，div.class名字；或者div.id名字；
对于iframe这个内联框架，一般使用于网站后台页面的设计。


回复 使用道具 举报
一梦 中级黑马 2018-5-15 22:01:16
| 只看该作者
24#
陈世彪:
今天学习了CSS
CSS选择器的用法是{选择器{属性:属性值;属性:属性值....}}
在设置页面宽度时,要用选择器一个一个在div中设置这样才不容易出错
CSS当中使用div嵌套的地方很多,最好在敲代码前先备注写好,代码的用途,方便找到错误
position属性设置定位的时候
有relative相对定位和absolute绝对定位可供选择,使用定位时,用两个属性left和top来设置
要使div在同一行时,要使用浮动,有left,right.当浮动用完时要用clear 来清楚,不然会影响到后面
回复 使用道具 举报
名字被人注册了 中级黑马 2018-5-15 22:01:20
| 只看该作者
25#
刘文峰
今天学习了css(层叠样式表),它可以用来美化页面.它有行内(定义在标签内),内部(head标签内),外部(外部的css文件中,通过link来使用)三种样式表.css的基本语法包含选择器和生命两个部分,当我们有多个标签;标签的属性;属性值相同时,我们还可以抽取这些相同的属性放到选择器中,再利用标签中的相应的属性使用选择器,这样可以在一定程度上优化我们的代码(个人认为有点类似java中的接口).css中有很多标签使用起来很方便,例如div标签,我们可以用它达成表格(table)的效果,由于div可以浮动(float),在页面布局时更加灵活.
回复 使用道具 举报 1 0
w849027724 中级黑马 2018-5-15 22:01:27
| 只看该作者
26#
吴利君
今天学了div+css样式，通过这种方式我们可以更加灵活的对网页进行设计，制作出精美的网页。首先，css的定义实在style标签里面，在这个标签里面，我们可以直接引用标签名，入body{}这样我们就引用整个body部分，然后在大括号里面进行属性设置，例如box-size，color，background-color等等。我们也可以引用class和引用id，这些都是在style里面用。class名字，或者。id名字进行引用，然后设置属性，我们还可以使用name来完成，不过在style里面引用name要是有#name值进行引用。
一般来说，一个网页的css样式会很多的，如果我们放在一个页面，css多了就不好操作，所以我们可以使用link进行引用，在HTML外面创建一个css文件专门用来放css样式，然后在HTML里面使用link进行引入，但是这个可以覆盖，如果你引入的css样式不好看，你要自己写，那么只有在HTML里面使用相同id或者class进行复写，就可以覆盖引入的css样式。
一般对于多个css样式，我们可以选择多个，例如div里面有多个a标签，我们都赋予同样的样式，那么就可以div a{}这样就选择div里面所有的，如果选择第一层的可以div>a{}，你也可以选择第一个，div.class名字；或者div.id名字；
对于iframe这个内联框架，一般使用于网站后台页面的设计。！

点评

郭付民
666  发表于 2019-7-8 00:19
回复 使用道具 举报
偏离X 中级黑马 2018-5-15 22:01:37
| 只看该作者
27#
郭明杰
1 CSS就是为了让HTML页面更美观啊,简单来说就是加皮肤
2 引入方式两种啊,
页面内样式:在<head>标签中定义<style>标签 ,统一格式
                        <style>h1{color:blue;font-size:40px}</h1></style>
        *外部样式:在外部单独定义一个CSS文件
                <link href="../../css/demo1.css" rel="stylesheet" type="text.css"/>
        !!就近原则  优先使用行内.页面内样式
3 CSS的基本语法通常包含两个部分:一个是选择器,一个声明
        *选择器{属性:属性值;属性:属性值;属性:属性值}
  3.1 选择器大概几种:元素选择器:通过标签名找到,ID选择器:把元素id设置为d1,用#d1调用,        类选择器:属性选择器:后代选择器:        子元素选择器

[浮动]
float:left
float:right
                        #d1{
                        float:right;
                        }
清除浮动效果
                        .clear{
                        clear:both;
                        }
回复 使用道具 举报
finfin12 中级黑马 2018-5-15 22:01:39
| 只看该作者
28#
张育辉
        今天学习了div+css,css是层叠样式表，css是对html进行样式修饰语言,
        学习了css三个选择器
        1:元数选择器,标签名{}
        2:id选择器,#id名{}
        3:类选择器,.类名{}
        还有浮动,
        float:属性值：left  right
               
        clear:清除浮动 left right both
        css盒子模型
        内部
        padding-top:10px 上边框的距离10px
        padding-bottom:10px 下边框的距离
        padding-left:10px 左边框的距离
        padding-right:10px 右边框的距离
       
        div与div的之间的距离
        margin-top:10px 上边框的距离10px
        margin-bottom:10px 下边框的距离
        margin-left:10px 左边框的距离
        margin-right:10px 右边框的距离
回复 使用道具 举报
chenyelong 中级黑马 2018-5-15 22:01:39
| 只看该作者
29#
陈叶隆
今天学习了DIV和CSS.DIV是上浮操作,可以left或者right移动,一个目标上浮了,剩下的其他div会顶替它的位置顶上去,这时候需要用clear:both来取消剩下的目标顶替操作.相较于<table>标签,div标签灵活得多,它可以结合框结构进行更灵活的排版.CSS主要学习了3种操作.这个有点类似之前学的抽取.将类的共性往上抽取,形成父类,提高代码的复用性.然后再用类似于switch匹配的方式,找到case匹配上的,然后将它的style给相应的标签.比较灵活的一个地方是它还可以按属性匹配,元素一样的,找对应的属性,属性一样再进行匹配.还可以按后代查找,查找所有的子类/孙类,匹配得上,照样可以进行赋值.
回复 使用道具 举报
Eclipse启动 中级黑马 2018-5-15 22:01:49
| 只看该作者
30#
郑阳阳
今天学习了css,也就是层叠样式表,作用是美化HTML.
有三种样式,行内,业内和外部.使用时候是就近使用.
还有选择器,就是用来找到标签的,有很多种选择器,
元素选择器,id选择器,类选择器是必须掌握的.
css的浮动,使用float属性来完成div的浮动,
根据float的取值left和right来控制div左右浮动,
clear属性用来规定元素的哪边上不允许出现浮动元素.
css的盒子模型有三个属性用来设置内外的边距和边框的属性
css的定位可以让定义的元素框出现在各种位置
超链接的伪类用来修饰超链接,
可以自定义未访问时,已访问后,鼠标悬停,选定后不同方式显示.
回复 使用道具 举报
黄志彬 中级黑马 2018-5-15 22:02:06
| 只看该作者
31#
黄志彬

学习了 DIV+CSS  看W3school 方法的使用简单易懂
使用float的浮动突破了昨天表单标签的局限性
框架标签跟body有冲突 CSS对骨架进行美化！

CSS的引入方法有三种
1行内样式  直接在HTML元素上使用style属性设置css   缺点：设置局限性，只针对一个元素设置
2页面内样式在HTML 的head  标签中使用style标签设置CSS
3外部样式  单class独定义一个.css的文件.在HTML中引入该CSS文件

选择器：找到标签要用到的功能
元素选择器
id选择器
类选择器

CSS盒子
margin           简写属性。在一个声明中设置边距属性
margin-bottom    设置元素的下边距
margin-left      设置元素的左边距
margin-right     设置元素的右边距
margin-top       设置元素的上边距
回复 使用道具 举报
咸鱼coder 中级黑马 2018-5-15 22:02:12
| 只看该作者
32#
万冕

今天学了div和css,今天学的主要是对昨天学的html进行一个美化,但是代码更复杂了

引入方式style{}类似于工具类,里面放着许多各种的选择器,然后在选择器里写需要设置的格式,类选择器是在标签内class="名字",取名字后在里面.名字
就可以将标签内的东西改成想要的格式,id选择器和类选择器很相似,也是在标签内id="名字",然后#名字,元素选择器则是找匹配的标签来进行修改,例如div{}
就会把所有的div标签改成对应的格式.

定位:相对定位是对于自己原来的所在位置,向上下左右移动. 绝对定位是相对于整个页面,上下左右移动

盒子模型比较难理解,首先需要顶一个参照物,然后在进行对比,比如一个大正方形里面嵌着一个小正方形,然后用大正方形来作为参照物,对于小正方形来说,
A就是外边距,对于大正方形来说内间距.如下图↓↓↓↓


回复 使用道具 举报
q55w66 中级黑马 2018-5-15 22:02:46
| 只看该作者
33#
王清松

今天重点学习了
framework：
作用：将页面分块，分别填充.html文件，用来划分结构，完成页面跳转

div+css：
作用：用于美化html文件
重点掌握三种引入方式
①本行引入
②head引入
③文件引入
三者冲突时，奉行就近原则
回复 使用道具 举报
sts 中级黑马 2018-5-15 22:03:09
| 只看该作者
34#
苏海斌
框架标签frameset:
切割
与body相冲突

属性有rows和cols
用frame填充

特殊转义符
＞ : &gt
＜ : &lt

块标签有两个
div
span

CSS层叠样式表(可美颜)

引入方式
行内样式style
页面内样式在头内head定义
外部样式新建.css文件

选择器
常用的有:
元素
ID#
类.

浮动用float

后代跟子元素选择器的区别

盒子模型(重点)有点懵 ,回去再复习下
内边距p加快捷键
外边距m加快捷键
CSS的定位p
绝对和相对

回复 使用道具 举报
沅瞻 中级黑马 2018-5-15 22:03:10
| 只看该作者
35#
詹源
今天学习了DIV+CSS方式重新布局页面
DIV+CSS布局跟昨天学习的布局有什么差别?
昨天是使用表格的布局,表格的布局是定死的,不灵活.DIV+CSS较为灵活些
什么是CSS?
HTML如果是网站的骨架,那CSS就相当于网站的皮肉,对骨架进行美化.
CSS引入方式分几种
一种行内样式,直接在元素上面使用style设置属性
一种页面内样式,在头部<head>标签中使用style设置
还有一种外部样式,单独定一个文件.在HTML中引入该文件
CSS基本语法包含选择器跟声明
声明里些属性跟属性的具体值
选择器有
元素选择器,ID选择器,类选择器等多种
CSS的浮动通过使用float属性来完成
回复 使用道具 举报
黄兴磊 初级黑马 2018-5-15 22:04:23
| 只看该作者
36#
黄兴磊  今天学了,刚开始感觉内容有点多,讲的有点杂,晚上理了下思路感觉也没有什么内容, 引入方式有三种,行内样式和页面样式,外部样式, 还的查找方法,个人感觉和之前挺不同,没什么严谨性
回复 使用道具 举报
厦门陈强 中级黑马 2018-5-15 22:04:27
| 只看该作者
37#
陈强
CSS的一天,其实一天下来就是DIV,CSS的引入方式,选择器的使用,CSS的浮动,盒子模型.
DIV的使用就是还是跟昨天的嵌套问题,关系理清楚就OK啦,
CSS的引入有一个关系可能目前还不是跟明显,但是有提过,就是引入的方式跟继承中成员的访问特点一样的采用就近原则,显示行内,然后才是页面内,最后才是外部样式
CSS的浮动就是一定记得浮动用完之后要清除.
盒子模型,晚上在用到时候发现,外边距,内边距的使用,是要在有边框的情况下才能实现,没有边框的话就会异常,没办法实现出效果.
回复 使用道具 举报
COLDER 中级黑马 2018-5-15 23:18:03
| 只看该作者
38#
本帖最后由 COLDER 于 2018-10-18 19:12 编辑

Day02

DIV+CSS(块标签+层叠式样表)

今天的学习内容为以下几点:
1.转义特殊符号,框架标签<frameset>,框架标签的作用:通过切割页面来进行布局
2.DIV+CSS:利用块标签和层叠样式表来学习页面布局的另外一种方式,和传统表格布局对比,通过快标签布局具有灵活性的优势,如果是表格布局的话,一旦设计完毕后,要对布局进行调整,需要进行内容迁移和,表格调整,相对麻烦,但是如果是利用块标签+层叠样式表来设计的话,在调整阶段,只需要对块进行移动和调整大小,内容也会随之移动.
3.关于注册页面设计部分,感觉使用类选择器+外部样式的方式来进行设计,在对整体结构进行修改调整上较为便利与清晰.

CSS+DIV.png (85.19 KB, 下载次数: 0)

DIV+CSS

DIV+CSS
回复 使用道具 举报
郁闷客 初级黑马 2018-5-15 23:20:33
| 只看该作者
39#
林树德.
        今天学习了css主要是对网站的一些美化,html的块标签<div>及<span>的使用;css的引入方式,css的多种选择器的一些操作,进行案例操作时嵌套太多,元素的属性时常搞错,整个人懵逼了;
回复 使用道具 举报
凉面要趁热吃 中级黑马 2018-5-15 23:22:46
| 只看该作者
40#
黄进安:

1.        在CSS中,设置属性时必须添加单位,否则无效.
eg. <div style="margin-top:0px;padding-top:10px;height:40px;">
2.        在调用float属性结束时,要调用clear属性清楚浮动,防止出现后面的块标签往前面挤压
3.        在练习中尽量养成把CSS的构造器采用外部样式的引用习惯,一方面可以解决内容与表现分离的问题,一方面编程界面简洁美观,同时也更能提高工作效率.
4.        明天还需要练习一下对今天的内容加深一下理解,一些功能还没来得及去实现加深印象.
回复 使用道具 举报
下一页 »
1234下一页
高级模式
B Color Image Link Quote Code Smilies
您需要登录后才可以回帖 登录 | 加入黑马