CSS
MoonLight_dR
不忘初心、继续前行
展开
-
将div控制在指定位置
div位置的限定: 在实际效果中有时会需要将某一部分内容限定在指定位置,不随滑轮的滚动而滚动:.title{ background-color:pink; height:90px; width:1400px; margin-top:-8px; margin-left:-8px; margin-right:-8px; position: fixed;}原创 2018-01-30 20:24:46 · 4375 阅读 · 0 评论 -
CSS中设置字体样式
CSS设置字体样式: 1.字体大小设置 字体大小设置,常见的有四种不同的方法:body{font-size:14px;}h1{font-size:150%;}h2{font-size:1.2em;}h3{font-size:small;} body中的大小设置14px,表示字体的高度是14个像素; h1中的大小设置百分比,是表示相对原创 2018-02-01 15:35:32 · 14005 阅读 · 0 评论 -
CSS定位position
CSS定位position:一、html中常用的布局方式1.标准流(顺序布局)2.浮动3.定位二、两大元素1.块级元素(自动换行)2.内联元素(不换行) HTML中的2大元素:块状元素(div、H1段落、有序无序列表【ol、al、li】、table、P段落等)、内联元素(超链接a、span、img、input控 件等) 块状元素原创 2018-02-03 16:25:17 · 214 阅读 · 0 评论 -
CSS问题
1.重置css和标准化css的区别是什么 重置:重置意味着除去所有的浏览器默认样式。对于页面所有元素,像margin、padding、font-size这些样式全部置成一样,必须重新定义各种元素的样式。 标准化:标准化没有去掉所有的默认样式,而是保留了有用的一部分,同时还纠正了一些常见错误。 当需要实现非常个性化的网页设计时,我会选择重置的方式,因为我要写很多自定义的样式来满足需求,这时...原创 2018-03-15 20:37:40 · 299 阅读 · 0 评论 -
CSS中link与@import的区别
CSS中link与@import的区别:1.link属于html标签,@import是css提供的;2.页面被加载时,link同时会被加载,但@import引用的等页面被加载完再加载;3.import只有在ie5以上才能识别,而link是html标签,无兼容性问题。...原创 2018-03-02 09:59:00 · 264 阅读 · 0 评论 -
CSS基础
CSS基础一、CSS选择符 1.id选择器(#myid) 2.类选择器(.没有class) 3.标签选择器(div,h1) 4.相邻选择器(h1+p) 5.子选择器(ul>li) 6.后代选择器(li a) 7.通配符选择器(*) 8.属性选择器(a[rel="external] 9.伪类选择器(a:hover,li:nth-child)二、CSS可样式 可继承样式: ...原创 2018-03-02 10:53:45 · 221 阅读 · 0 评论 -
CSS3中的动画模式
CSS3中的动画模式CSS3中的动画有:Transforms、Transitions、Animations三种模式。Transition特点:平滑地改变css的值。Transforms特点:基本的变换、实现拉伸、压缩、旋转、偏移等。Animations特点:适用于css2、css3....原创 2018-03-11 15:00:34 · 262 阅读 · 0 评论 -
常见的页面布局
常见的页面布局一、三栏布局1.三列布局,中间宽度自适应,两边定宽;2.中间栏要在浏览器端优先渲染;3.允许任意列的高度最高;4.要求只用一个额外的DIV标签;5.要求用最简单的css;二、多栏布局1.栅栏格系统:利用浮动实现的多栏布局,在bootstrap中用的非常多;2.多列布局:并没有实现真正实现分栏效果,css3为了满足这个要求,增加了多列布局;三、弹性布局css3新引入的一种布局,即伸缩布...原创 2018-03-12 16:55:08 · 702 阅读 · 0 评论 -
CSS Sprites
CSS Sprites一、CSS Sprites优点1.利用CSS Sprites可以很好地减少网页http请求,从而大大提高了页面的性能,这也是CSS Sprites最大的优点,也是其被广泛传播和应用的主要原因;2.CSS Sprites能减少图片的字节,曾经多次比较过,把三张图片合并成一张图片的字节总是小于这三张图片字节的总和。二、CSS Sprites缺点1.在图片合并时,要把多张图片有序的...原创 2018-03-13 15:12:20 · 251 阅读 · 0 评论