代码改变世界

随笔分类 -  CSS的那些事儿

12.C# 接口和抽象类的区别

2019-03-12 12:02 by 若藜520, 1885 阅读, 收藏, 编辑
摘要: 1.抽象类 声明方法的存在而不去实现它的类叫做抽象类,抽象类用abstract关键字声明。抽象类主要用来规定某些类的基本特征,继承它的子类必须实现抽象类的抽象成员,否则这个子类也为抽象类。 抽象类的实现 子类继承抽象类,需要override抽象类中的抽象属性和抽象方法,如果有未override的,则 阅读全文

第八章列表

2018-12-17 17:52 by 若藜520, 133 阅读, 收藏, 编辑
摘要: 1.三种列表:无序列表、有序列表、自定义列表 1.1无序列表 1.2无序列表嵌套 浏览器对无序列表的默认样式解析是有规律的:第一层在前面加小黑点,第二层加小圆圈,第三层用小方块。浏览器对无序列表的默认样式只有三种,超过第三层的全部用小方块。 1.3有序列表 有序列表默认在项目前加上数字1、2、3,多 阅读全文

第七章背景图片优化

2018-12-14 18:38 by 若藜520, 405 阅读, 收藏, 编辑
摘要: 1.优化的含义 所谓背景图片的优化是指将设计稿中的背景图以较小的文件,在不太影响图片质量的情况下输出最适合网页使用的图片格式。 几种网页常用的图片格式 1)jpg 以有损压缩的方式去除冗余的图片和色彩数据,在获得较高的压缩率的同时得到较高的图片质量。jpg允许用不同的压缩比率压缩图片,压缩比率越大, 阅读全文

第五章三列和多列布局

2018-12-08 11:18 by 若藜520, 356 阅读, 收藏, 编辑
摘要: 1.三列或多列布局与两列布局的微妙关系 1)三列布局可以看成是两个两列布局的组合,其html结构可以写成如下 2)三列布局也可以是三个单独的列并排,此时只是比两列布局多了一个列,html结构如下 不管是什么样的组合方式都是从两列布局演变而来的。 2.两列定宽中间自适应 html结构如下 CSS 原理 阅读全文

第四章两列等高

2018-12-06 18:48 by 若藜520, 280 阅读, 收藏, 编辑
摘要: 两列等高主要是在两列定宽布局结构的基础上扩展的,实现两列等高的方法有: 1.背景模拟 在主要内容和侧边栏的父容器上使用背景图片,这个图片根据只要内容和侧边栏的宽度绘制,并可以纵向拉伸,使得主要内容和侧边栏的高度看起来是一样的,如下图所示 更改的CSS 优点:实现方法简单,缺点:一旦mainbox 、 阅读全文

第四章两列布局1

2018-12-05 15:00 by 若藜520, 235 阅读, 收藏, 编辑
摘要: 1.两列定宽定高布局 两列布局主要是通过浮动实现两列并排显示,从而实现两列布局 <html xmlns="http://www.w3.org/1999/xhtml"> <head runat="server"> <title>两列定宽布局</title> <style type="text/css" 阅读全文

第三章Div水平居中

2018-11-21 15:46 by 若藜520, 146 阅读, 收藏, 编辑
摘要: 1.div居中 text-align:center可以让元素里面的文字内容居中,但并不能让div居中。要让div水平居中必须设置div宽度,外边距设置为margin:0 auto <%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Al 阅读全文

第一章入门篇CSS样式的分类、盒模型

2018-11-21 12:03 by 若藜520, 199 阅读, 收藏, 编辑
摘要: 1.CSS样式的分类 CSS样式分为一项4种: 1.内联样式表,直接写在元素style属性里面的样式,如 2.内部样式表,写在<head><.head>标签内部<style></style>标签里面的样式 3.外部样式表,通过link方式链接的样式 4.导入样式表,通过import标签导入的样式,i 阅读全文

第一章入门篇选择符之间的关系

2018-11-05 21:52 by 若藜520, 226 阅读, 收藏, 编辑
摘要: 1.选择符的覆盖 CSS后面定义的样式会把前面定义的样式覆盖 2.选择符的继承 子元素可以继承父元素中定义的样式,比如在body中定义了字体大小,其子元素p可以继承字体大小样式 但并不是所有元素都会继承父元素的样式,比如h1,h2,h3~h6这几个元素将会应用浏览器默认样式设置文字大小 3.选择符的 阅读全文

第一章入门篇伪类伪对象

2018-11-05 20:59 by 若藜520, 262 阅读, 收藏, 编辑
摘要: 1.伪类 伪类用来指定HTML元素某个状态下的样式,格式 选择符:伪类{属性:属性值} <html xmlns="http://www.w3.org/1999/xhtml"> <head runat="server"> <title>伪类</title> <style type ="text/css 阅读全文

第一章入门篇

2018-10-29 21:20 by 若藜520, 265 阅读, 收藏, 编辑
摘要: 1.什么是CSS CSS(层叠样式表)是W3C(万维网联盟)开发的一组用于增强控制网页样式并允许样式信息和内容分离的一种标志性语言。 2.CSS的作用和特点 1)美化页面元素,如文字,图片等,减少不必要的元素的使用 2)更有效的控制页面结构、页面布局;如使用DIV+CSS增强页面布局 3)提高开发和 阅读全文