这断时间家里有点事，上班也有点任务，所以几天没看视频没来更新了。今天来更新一下了。 一：默认样式重置但凡是浏览默认的样式，都不要使用。body,p,h1,h2,h3,h4,h5,h6,dl,dd{margin:0; font-size:12px;/* font-family:XX; */} ol,ul{list-style:none;padding:0;margin:0;} a{text-decoration:none;} img{border:none;} 二：块元素和内嵌元素块元素的特征:1.默认独占一行；2.没有宽度时，默认撑满一排；3.支持所有...
前几天被朋友问到几个CSS问题，讲道理么，接触CSS是从大一开始的，也算有3年半了，总是觉得自己对css算是熟悉的了。然而还是被几个问题弄的"一脸懵逼"... 然后又是刚入职新公司，事情不算多，于是拿起《CSS权威指南》进行"基础复习"+"查漏补缺"，本篇文章主要是总结了些自己认为CSS中值的注意的几个知识点(本文知识点仅限本书范围内，若要讲CSS全部样式，那本兽还是选择慢慢懵逼去~)。 选择器 这里要说明的是类选择器的嵌套选择与多...
1.基本选择器语法2.浏览器兼容性：浏览器对基本选择器都是一路绿灯通行，可以放心使用。3.通配选择器：选择所有元素，也可以选择某个元素下的所有元素 （1）选择所有元素： *{margin: 0;padding: 0;} （2）某个元素下的所有元素：.demo *{background: purple;} 4.ID选择器 （1）在使用ID选择器（#id）之前，需要在HTML文档中给对应的元素设置id属性并设置其值，才能找到对应的元素eg：HTML结构（2）ID选择器具有唯一性，在一个页面...
在学习中会遇到一些css基础知识，本篇介绍一些CSS样式基础知识。样式有几种引入方式? link 和 @import有什么区别样式有三种引入方式，分别是：外部引入式主要是使用link标签或者@import标签从外部引入后缀名为.css的样式文件，语法分别是：<link type=text/css;rel="stylesheet";herf="路径+###.css">@import url(路径+###.css);嵌入式把样式写在当前<style></style>标签内，语法是：<style>p {color:red; text-align:center;}<...
这篇文章主要介绍了关于css基础多栏布局 ，有着一定的参考价值，现在分享给大家，有需要的朋友可以参考一下前端布局基础布局，主要展现在移动端，pc端同样适用。分为一栏、两栏、三栏、四栏。 这里使用了两种方式实现。 首先设置基础样式：/*==================common css start================*/ul{list-style: none;background: #f0f1f1;padding: 30px 15px;}li{background: #fff;text-align: center;border: 1px solid #5d2a22...
本文主要为大家分享一篇CSS基础面试题，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧。1 介绍一下标准的CSS的盒子模型？与低版本IE的盒子模型有什么不同的？标准盒子模型：宽度=内容的宽度（content）+ border + padding + margin低版本IE盒子模型：宽度=内容宽度（content+border+padding）+ margin2 box-sizing属性？用来控制元素的盒子模型的解析模式，默认为content-boxcontext-box：W3C的标准盒子模型，设...
本文主要为大家介绍了在CSS中，使用背景附件属性background-attachment可以设置背景图像是随对象滚动还是固定不动,需要的朋友可以参考下，希望能帮助大家。一、background-attachment属性在CSS中，使用背景附件属性background-attachment可以设置背景图像是随对象滚动还是固定不动。 语法： background-attachment:scroll/fixed; 说明： background-attachment 属性只有2个属性值。scroll表示背景图像随对象滚动而滚动，是默认选项...
css是英语Cascading Style Sheets（层叠样式表单）的缩写，p+css是网站标准（或称“WEB标准”）中常用术语之一，通常为了说明与HTML网页设计语言中的表格（table）定位方式的区别，因为新的网站设计标准中，不再使用表格定位技术，而是采用DIV+CSS的方式实现各种定位。《韩顺平 2016年最新p css 基础视频教程》是在以html为基础讲解的，是对网页的排版和布局的基础的讲解。我们可以简单的这样理解p+css: p 是用于存放内容(文字,图片...
概念z-index 属性设置元素的堆叠顺序。拥有更高堆叠顺序的元素总是会处于堆叠顺序较低的元素的前面。 层级关系的比较1. 对于同级元素，默认(或position:static)情况下文档流后面的元素会覆盖前面的。2. 对于同级元素，position不为static且z-index存在的情况下z-index大的元素会覆盖z-index小的元素，即z-index越大优先级越高。3. IE6/7下position不为static，且z-index不存在时z-index为0，除此之外的浏览器z-index为auto。4. z-i...
自从大概两年前用CSS给SIGT设计了logo后，我心里一直有个想法，我认为使用Verdana字体和CSS里的绝对定位技术能画出更复杂的图案，也就是说，直接用HTML代码生成嵌入式的矢量图。 我选择绘制卡通剧《 辛普森一家》里的 荷马形象为代表，因为他的形象很流行，大家都认识： o o o o ( O O ...
DIV+CSS"这种叫法其实是一种不准确的叫法 在做笔记的最前面必须先给大家纠正一个错误，就是"p+CSS"这种叫法其实是一种不准确的叫法，是国人给这种布局标准页面的方法起的名字，是对技术理解不够透彻导致的，而标准的叫法是什么呢？呵呵，没错，标准叫法是xHTML+CSS！ 单纯从代码上辨别过去的页面布局方法和现在流行的页面布局方法，认为过去布局页面用的是Table，称之为"Table+CSS"，而现在布局页面呢，用p，所以叫"p+CSS"。...
1 写在前面最近在整理cnblogs上页面的样式，默认右侧【随笔分类】中的标签是每行显示一个，而我想把右侧【随笔分类】中的标签设置为一行显示多个标签，至于显示多少个则随标签的大小而定，并且每个标签在鼠标放上去的时候会有背景颜色的变化。效果如下图。下面我们就来分析一下如何让左边的标签显示方式变为右边这样的吧2 块元素在分析块元素之前我们首先建立html网页，以便后面的分析。html代码如下。<html><head><meta charset="...
1. 基本语法CSS的定义是由三个部分构成：选择符（selector），属性（properties）和属性的取值（value）。基本格式如下：selector {property: value} （选择符 {属性：值}）选择符是可以是多种形式，一般是你要定义样式的HTML标记，例如BODY、P、TABLE……，你可以通过此方法定义它的属性和值，属性和值要用冒号隔开： body {color: black}选择符body是指页面主体部分，color是控制文字颜色的属性，black是颜色的值，此例的效果...
清除浮动盒子高度问题在标准流中内容的高度可以撑起盒子的高度<style>div{background-color: red;}p{width: 200px;height: 100px;background-color: blue;}</style><div><p></p> </div>在浮动流中浮动元素内容的高不可以撑起盒子的高<style>div{background-color: red;}p{float: left;width: 200px;height: 100px;background-color: blue;} </style> <div><p></p> </div>清除浮动方式一给前面的父盒子添加高度示例代码:<style>{mar...