-
网页class命名规范 CSS样式命名整理
页面结构容器: container/wrap总体宽度:wrapper页头:header内容:content页面主体:main页尾:footer导航:nav側栏:sidebar栏目:column中间内容:center导航导航:nav导航:mainnav/globalnav子导航:sub...
-
CSS 常用样式 提高网页编写速度
*{margin:0px;padding:0px;}/*内外边距初始化*/html, body, div, h1, h2, h3, h4, h5, h6, p, span, img, input, textarea, ul, ol, li, hr { margin: 0;padding: 0;}/*...
-
html网页什么样的字体最好看,css设置各种中文字体样式代码
css代码如下:{ font-family:"Microsoft YaHei",微软雅黑,"MicrosoftJhengHei",华文细黑,STHeiti,MingLiu }加上中文名“微软雅黑”是为了兼容opera在css中使用英文表示法,以下附常见中文字体的英文名:网页字体样式华文黑体:STHe...
-
Div CSS absolute与relative的区别小结
absolute:绝对定位,CSS 写法“ position: absolute; ”,它的定位分两种情况,如下: 1. 没有设定 Top、Right、Bottom、Left 的情况,默认依据父级的“内容区域原始点”为原始点,上面例子红色部分(父级黄色区域有 Padding 属性,“坐标原始点”和“...
-
css清除浮动的处理方法
根据《精彩绝伦的css》 <!DOCTYPE html><html><head> <meta charset="utf-8"> <title>JS Bin</title> <style> .news{ ...
-
css选择器
CSS选择目录:CSS 元素选择器CSS 选择器分组CSS ID 选择器详解CSS 类选择器详解CSS 属性选择器详解CSS 后代选择器CSS 子元素选择器CSS 相邻兄弟选择器CSS 伪类CSS 伪元素1.CSS 元素选择器 div{ background: pink; ...
-
CSS3小方块跳动
方块跳动<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>跳动</title> <style> ....
-
八、CSS高级技巧 CSS精灵技术 CSS滑动门技术 Margin负值的应用
需求分析CSS精灵是一种处理网页背景图像的方式。它将一个页面涉及到的所有零星背景图像都集中到一张大图中去,然后将大图应用于网页,这样,当用户访问该页面时,只需向服务发送一次请求,网页中的背景图像即可全部展示出来。通常情况下,这个由很多小的背景图像合成的大图被称为精灵图,工作原理CSS 精灵其实是将网...
-
day02
1、css的简介 2、css和html的结合方式(四种结合方式) 3、css的基本选择器(三种) 4、css的扩展选择器 5、css的盒子模型 6、css的布局的漂浮(了解) 7、css的布局的定位(了解) 8、案例 图文混排案例 9、案例 图像签名 10、上午内容总结 1、javascript的简介 2、js和html的结合方式(两种) 3、js的原始类型和声明变量 4、js的语句 5、js的运算符 6、实现99乘法表(输出到页面上) 7、js的数组 8、js的函数 9、js的全局变量和局部变量 10、script标签放在的位置 11、js的重载 12、今天的内容总结 1、CSS的简介2、CSS概述和与HTML的结合方式(四种)(*******)3、CSS的基本选择器(******)4、CSS的扩展选择器(了解)5、CSS的盒子模型(了解)6、CSS的布局(浮动)(了解)7、CSS的布局(定位)(了解)8、图文混排案例(了解)9、案例 图像签名======...
-
《css揭秘》之背景与边框
这本书是魔法哥的译著,也是买了有很长时间了,现在开始慢慢阅读,确实比较新颖,包含了很多css方面的小tips。来一点点的做个总结。半透明边框的实现:关于半透明我们可能会想到使用rgba,opacity等等,对于背景提供回退方案还是比较好做的,要么利用一张单像素半透明图片,要么回退到实色。但是对于其他...
-
css权威指南学习笔记--第6章
line-height:定义文本行基线之间的距离<p style="line-height: 20px;"> these are test words<br /> these are test words </p...
-
css3动画添加间隔
因项目需要,需要在元素上实现动画效果,并且需要有动画间隔。坑爹的是animation-delay只有在第一次动画开始的时候才起效。在网上找了很多方法,最终的方法基本都是改动画规则,比如@keyframes move{ /* 此处从75%开始 */ 75%{ transform...
-
[HTML/CSS应用]博客文档排字之插入个性化表格
c_a_3();[HTML/CSS应用]博客文档排版之插入个性化表格上一篇文章我们介绍了在源码编辑模式下,如何向文章中插入代码;这篇文章,我们来说说怎样在源码编辑模式下,向文章中插入一个比较个性化的表格。我们先插入一个最简单的表格。看下面这个示例,我们在源码编辑模式输入以下内容:<table ...
-
CSS优先级
关于css优先级最常见的是下面的:元素选择符: 1 class选择符: 10 id选择符:100 元素标签:1000!important声明的样式优先级最高,如果冲突再进行计算。如果优先级相同,则选择最后出现的样式。继承得到的样式的优先级最低。但...
-
用css伪类实现提示框效果
题目要求用css实现下图效果:很明显难点就在那个多出去的三角形上,下面代码是用一个div来实现的,用到了伪类 : befor和 : after,使用这两个伪类活生生的在div之前和之后多出了“那么点东西”,然后设置其边框,形成一黑色三角形,在用after造出另一白色三角形,让白色三角形位置向后移动,...
-
基本CSS布局三
基本CSS布局三------图片视频网格<!DOCTYPE html><html><head><meta charset="utf-8"><style type="text/css">.video_list{list-style-type:...
-
CSS 选择器之基础选择器
CSS 选择器的作用选择器(选择符)就是根据不同需求把不同的标签选出来这就是选择器的作用。 简单来说,就是选择标签用的。以上 CSS 做了两件事:找到所有的 h1 标签。 选择器(选对人)。设置这些标签的样式,比如颜色为红色(做对事)。选择器分类选择器分为基础选择器和复合选择器两个大类基础选择器。...
-
学习css3+html5惯用网址
c_a_3();学习css3+html5常用网址 http://www.css3-html5.com css3-html5;http://www.css88.com web前端
-
CSS 简介和代码风格
CSS 是层叠样式表 ( Cascading Style Sheets ) 的简称.有时我们也会称之为 CSS 样式表或级联样式表。CSS 是也是一种标记语言CSS 主要用于设置 HTML 页面中的文本内容(字体、大小、对齐方式等)、图片的外形(宽高、边框样式、边距等)以及版面的布局和外观显示样式。...
-
css之子元素获取(未定义高度)父元素的高度
你可能碰到过这样的需求,一个高度不固定的区域(内容由用户创造),当鼠标经过该区域或者其神马操作时,需要出现一个与该区域一样大的模版;我们用一个span来处理这个mask。由于 .sample-1 和 .sample-2 的高度是不确定的,也就是说我们没有对它们定义 height。如果父元素没有定义高...
您的位置:首页 > 标签 “CSS” 相关文章