CSS基础知识真难啊-浮动

无浮动 <ul style="width: 440px;"> <li id="myli" style="border: 4px solid #ff6633; background: #ffffc0;list-style:none;"> <img src="http://pic.cnblogs.com/avatar/827631/20151118113854.png"/> </li>…

CSS层叠样式表Cascading Style Sheets CSS派生选择器(上下文选择器): 后代选择器:h1 strong {color:red;}第一个参数和第二个参数之间的代数是可以无限的子元素选择器:h1 > strong {color:red;}只会选择某个元素的子元素,而不会扩大到任意的后代元素相邻兄弟选择器:h1 + strong {color:red;}会选择某一元素紧随其后的元素,但是前提是他们拥有相同的父级(即选择跟在h2后面的strong元素) CSS ID选择器…

CSS基础知识真难啊-font

不吐不快啊!!!! 上午测试还好好的,下午再写一次准备发出来就出错了!! 传说中程序媛三大错觉:我肯定没错,刚才还好好的,一定是有人改了我代码.. 我的口头禅都快变成“刚刚还好好的”了! 事情是这样的,我在#myspan{font-size:18px;background:red}前面弄了空格,一直没注意它,结果效果弄不出来,郁闷啊才顺手把空格删了,啊千万只草泥马奔腾而过啊........ 恩以后注意了,不能在全角下整出空格(⊙﹏⊙)b---我恨全角--哦了 -----------------…

CSS基础知识真难啊-background-渐变

文章参考 http://www.zhangxinxu.com/wordpress/?p=727 http://www.uqu8.com/html/2014/html-css_1105/176.html background: -moz-linear-gradient(top, blue, white);//-webkit-linear-gradient(top, blue, white)谷歌线性渐变,逆时针方向,-moz-火狐浏览器,top为方向,blue为起点颜色,white为结束颜色从t…

CSS基础知识真难啊-position-relative-absolute

http://blog.csdn.net/libertea/article/details/11662661 -----------position:relative:生成相对定位的元素,相对于其正常位置进行定位.--------------------------------------------------- <div style="width:100px; height:100px;">div1</div> <div style="wid…

CSS基础知识（定位、浮动）

12.浮动特点:将当前元素脱离文档流 float: left 即左浮动 float: right 即右浮动注:*父与子元素,设置子元素浮动不能超出父元素的范围 *多个元素均设置为浮动时,将自动排列(水平方向) *兄弟元素,后一个元素设置为浮动,前一个元素不浮动,后一个元素的位置不能超过前一个元素的位置 *文字内容不会被浮动元素所覆盖,而是环绕在浮动元素的周围. i 清除浮动 clear none - 不清除 left - 清除左浮动 right - 清除右浮动 both…

CSS基础知识之position

最近在慕课网学习了网页布局基础和固定层效果 ,都是由声音甜美的婧享人生老师所录制,视频详细讲解了CSS中position的用法,在此把学习笔记分享给大家. CSS定位机制标准文档流(Normal flow) 浮动定位(Floats) 绝对定位(Absolute positioning) 标准文档流从上到下,从左到右,输出文档内容由块级元素和行级元素组成块级元素从左到右撑满页面,独占一行触碰到页面边缘时,会自动换行常见的标签有:div.ul.li.di.dt.p 行级元素…

前端开发：css基础知识之盒模型以及浮动布局。

前端开发:css基础知识之盒模型以及浮动布局前言楼主的蛮多朋友最近都在学习html5,他们都会问到同一个问题浮动是什么东西? 为什么这个浮动没有效果? 这个问题楼主已经回答了n遍.今天则是把它写到我的博客中,想知道自己过来翻就好啦 ^_^ 下面楼主把当前的自己对css的基础认知一一给大家道来...... 盒模型谈到盒模型,有经验的小伙伴一定滚瓜烂熟,无非就是内容(content).填充(padding).边框(border).边界(margin): 这些属性我们可以把它转移到我们…

〖前端开发〗HTML/CSS基础知识学习笔记

经过一天的学习,把慕课网的HTML/CSS基础知识学完了,笔记整理: 1. 文件结构: HTML文件的固定结构: <html> <head>...</head> <body>...</body> </html> html是根标签 head定义文档头部,包含: title, script, style, link, meta body是网页主要内容,包含:h1,h2-h6, p, a, img 2. 认识head标签: <head…

CSS基础知识之float

前段时间写过一篇CSS基础知识之position,当时对float的理解不太准确,被慕课网多名读者指出(原文已修正,如有误导实在抱歉).现对float进行更深入的学习,在此把学习心得分享给大家. 浮动的基础知识浮动有4个属性:left(左浮动).right(右浮动).none(不浮动).inherit(继承). 浮动元素的包含块是其最近的块级祖先元素. 浮动元素会左偏移(或右偏移),直到它的外边界接触到『包含块的内边界』或『另一个浮动元素的外边界』. 浮动元素脱离了标准文档流,文字和行级元素会…

【CSS基础知识真难啊-浮动】的更多相关文章