前端-css
关注
分享
扫一扫
u014695894
这个作者很懒，什么都没留下…
展开
-
CSS3入门基础
1. 浏览器前缀-ms /* IE */、-webkit /* Safari and Chrome */-o- /* Opera */2. CSS3选择器属性选择器 a[class^="doc"] // 以doc开头 a[href$="doc"] // 包含doc a[href$="doc"] //以doc结尾 root选择器 <div>...原创 2019-01-29 22:12:19 · 190 阅读 · 0 评论 -
css2 理解
1. CSS 指层叠样式表 (Cascading Style Sheets)理解：指的是一个元素的一个样式可能由多处定义，例如元素的颜色可能由多个样式表定义到，那么在选用这个样式的时候就要依据样式优先级来判断，大体参照就近原则选用样式，例如内联样式>内部样式>外部样式>浏览器默认样式。如果该样式都在内部或者外部样式，又或者内部和外部定义该元素的精确度不同，如果选用样式则要参考...原创 2019-02-26 15:55:28 · 482 阅读 · 0 评论 -
CSS2理解 - position篇
1. position 属性的五个值：static 静态定位，为默认的定位relative 相对定位，相对于元素的正常位置定位fixed 固定定位，相对于浏览器的窗口定位，即使滚动条移动，依旧占有窗口中的位置absolute 绝对定位，相对于最近的已定位父元素，如果元素没有已定位的父元素，那么它的位置相对于<html>sticky 粘性定位，依赖于用户的滚动，在 posi...原创 2019-02-26 16:43:45 · 261 阅读 · 0 评论 -
CSS2理解-float篇
FLOAT概述 浮动原本是为了实现图片环绕的效果，现在常用来实现布局。浮动元素的只能沿水平方向浮动，不能沿着垂直方向浮动。元素浮动后脱离原有的文档流，直到遇到边框和其它浮动框为止，浮动元素之后的其后的元素将围绕它，并占据浮动元素腾出的位置，直到遇到边框为止。浮动会对浮动之后的元素产生影响，但对浮动之前的元素无影响。浮动效果1，文字环绕，图片环绕由上图可以看出浮动实现了...原创 2019-02-26 21:32:24 · 261 阅读 · 0 评论 -
CSS-圣杯布局
圣杯布局本质上是利用了浮动+padding+relative定位+margin负值。要实现圣杯布局，要理解以下几个步骤。步骤一：定义一个父容器div,其中包含了圣杯布局中的中间栏的div,将父div设置padding,padding-left设置为左栏的宽度，padding-right设置右边栏的宽度。则父元素剩下的可供子元素使用的宽度为父元素总宽度 - padding-left - padd...原创 2019-02-26 22:11:29 · 453 阅读 · 0 评论