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

表格布局的缺陷：

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