2019-06-07 Java学习日记之CSS

2024-05-12 20:14:55

表格布局的缺陷：

1、嵌套层级太多，一旦出现嵌套顺序错乱，整个页面达不到预期效果

2、采用表格布局，页面不够灵活，栋其中某一块，整个表格布局结构全都要变

HTML的块标签：

　　div标签：默认占一行，自动换行

　　span标签：内容显示在同一行

CSS概述：

　　Cascading Style Sheets：层叠样式表

主要作用：

　　用来美化我们的HTML页面

　　HTML　决定网页的骨架，CSS　化妆

　　将页面的HTML和美化分离

CSS的简单语法：

　　在一个style标签中，去编写CSS内容，最好将style标签写在这个head标签中、

CSS选择器：帮助我们找到我们要修饰的标签或元素

CSS的引入方式：

外部样式：通过link标签引入一个外部的css文件

内部样式：直接在style标签内编写CSS代码

行内样式：直接在标签中添加一个style属性，编写CSS样式

CSS浮动：浮动的元素会脱离正常的文档流，在正常的文档流中不占空间

CSS的优先级：

按照选择器搜索精确度来编写：　　

　　行内样式 > ID选择器 > 类选择器 >　元素选择器

就近原则：哪个离得近，就选用哪个的样式

CSS：层叠样式表

　　主要作用：

　　　　1、美化页面

　　　　2、将页面美化和HTML代码进行分离，提交代码的复用性

　　选择器：

　　　　元素选择器：标签的名称{ }

　　　　类选择器：以. 开头　　.类的名称

　　　　ID选择器：以#开头，#ID的名称　　（ID必须是页面上面唯一的）

　　CSS浮动：

　　　　float ：left，right　　不再占有正常文档流中的空间，流式布局

　　　　clear：both　left　right

CSS绝对定位：

position ：absolute

top：控制举例顶部的位置

left：控制距离左边的位置

转载于:https://www.cnblogs.com/clqbolg/p/11003641.html

2019-06-07 Java学习日记之CSS相关推荐

Java学习日记1——基础认知
Java学习日记1--基础认知学习Java阶段,如果发现不正确的描述,还请指正! 首先附上Java相关下载链接和配置教程链接 Java相关软件工具下载地址:官方下载 Java环境配置(win10配置 ...
Java学习日记-Day01
Java学习日记-Day01 Java语言概述比特(byte)与字节内存 Java基础知识图解人机交互方式常用的DOS命令常用快捷键计算机编程语言介绍第一代语言第二代语言第三代语言 ...
尚学堂Java学习日记Day3
尚学堂Java学习日记Day3 第三天老师先回顾了昨天的内容我从回顾中掌握了新的知识如下图所示 int与double计算,输出类型为double的不同结果会把int转成double类型的,这是隐式 ...
Java学习日记：UI篇（6）--谢尔宾斯基地毯图
Java学习日记:UI篇(6)–谢尔宾斯基地毯图引言:谢尔宾斯基地毯是数学家谢尔宾斯基提出的一个分形图形,谢尔宾斯基地毯和谢尔宾斯基三角形基本类似,不同之处在于谢尔宾斯基地毯采用的是正方形进行分形构 ...
【日记】Java学习日记（第63天）持续无聊更新
前言 Youtube上EJ Media(up主)的视频我依次学完了HTML.CSS.Javascript.Jquery.觉得他教得挺好的(短小精悍),就继续学他教的JAVA.感觉EJ教的都是些语法什么 ...
尚学堂Java学习日记Day1
尚学堂学习日记Day1 #今天开始写学习博客记录自己学习java的点滴成长历程,希望能成为学弟学妹们的前车之鉴. 先大概的自我介绍下,我原本从事的是网络工程师,学习的是Cisco(思科)并拥有CCNP ...
Java学习日记8：文件上传工具类的实现和服务器给客户端发送图片
文件上传的工具类: 每次文件上传要写很多东西,把这些封装成一个工具类,以后用起来就会方便很多. 先创建一个类存储上传文件的信息: package com.upload; /*** 每上传成功一个文件的 ...
黑马程序员--Java学习日记之网络编程
------Java培训.Android培训.iOS培训..Net培训.期待与您交流! ------- 一.网络编程概述 1.计算机网络计算机网络是指将地理位置不同的具有独立功能的多台计算机及 ...
2019年新版Java学习路线图（内含大纲+视频+工具+书籍+面试）
一.2019新版Java学习路线图---每阶段市场价值及可解决的问题二.2019新版Java学习路线图---学习大纲及各阶段知识点三.2019新版Java学习路线图---升级后新增知识点一览四. ...

最新文章

热门文章