随笔分类 -  CSS

摘要：一、简介 flexbox：全称Flexible Box, 弹性盒子布局。可以简单实现各种伸缩性的设计，它是由伸缩容器和伸缩项目组成。任何一个元素都可以指定为flexbox布局。这种新的布局方案在2009年是由W3C组织提出来的，在此之前，Web开发一般使用基于盒子模型的传统页面布局，依赖定位属性、流 阅读全文

摘要：一、概念： CSS主要的作用就是给网页中的dom元素设置样式，选择器则是用来匹配dom元素的。 CSS中的选择器有很多种，常用的分别是标签选择器(根据元素标签名称)，类选择器(根据元素class属性)，id选择器(根据元素id属性)，并且三种选择器可以相互结合使用 二、更多： 选择器是CSS的核心， 阅读全文

摘要：要求：一个小时仿照博客园的格局，写一个静态的网页，主要采用HTML+CSS+DIV的布局方式， 新建两个文件:website.html、website.css website.html代码如下： website.css代码如下： 效果图如下： 阅读全文

摘要：CSS2.1规定了3种定位方案 1.Normal flow：普通流(相对定位 position relative、静态定位 position static) 普通流（normal flow，国内有人翻译为文档流）：普通流默认是静态定位，将窗体自上而下分成一行一行,块级元素从上至下、 行内元素在每行中 阅读全文

摘要：现代网页布局：CSS+DIV： 一般的网页都是顺序布局的，很难达到我们需要的网页布局格式，此时使用DIV进行分层布局，类似于盒子，对每一部分内容进行设计。这是现在主流的网页布局方式，使用DIV+CSS。 CSS盒模型： 网页设计中常听的属性名：内容(content)、填充(padding)、边框(b 阅读全文

摘要：介绍：CSS常用的文本样式属性 color: 颜色 font-size: 字体大小 font-style (normal、italic、oblique): 字体样式（正常、斜体） font-weight (normal 、bold、100-900): 字体的粗细 line-height: 行高 te 阅读全文

摘要：CSS层叠样式表：Cascading Style Sheets 介绍： 现代网页的设计原则是内容和样式分离，降低它们之间的直接相互依存关系，解耦性，同时，同样的内容，可以通过不同的CSS样式表现出来。 功能： CSS负责处理标记语言(HTML、XHTML)的显示效果。HTML主要是告诉搜索引擎的内容 阅读全文