CSS
-木化十จุ๊บ
这个作者很懒,什么都没留下…
展开
-
1、CSS样式表,语法、选择器,CSS分类
(一)CSS层叠样式表CSS(cascading style sheet):层叠样式表,用于控制网页样式并允许将样式信息与网页内容分离的一种标记性语言。 什么是层叠样式?? CSS将网站分为两个部分:表现和内容。(表现有CSS控制,内容有PHP从数据库中读取) 样式<style></style>,样式一般写在<head></head>之间...原创 2019-03-21 11:01:12 · 1314 阅读 · 0 评论 -
4、CSSoverflow、margin、伪对象选择器和定位属性
(一)overflow对超出部分进行处理处理方法一:处理方法二:当父元素无法测定子元素高度 盒子里内容浮动起来,就脱离了标准流,所以这时候父元素盒子就不能精准检测内部内容到底有多高,父元素会变成一条线,无法撑开。解决:给父元素自动 overflow:hidden;这个属性可以触发hasilayout属性(是否是布局)就可以精确检测内部的高度,盒子就会自...原创 2019-03-25 11:46:08 · 279 阅读 · 0 评论 -
2、CSS样式继承、优先级、权重叠加和标签的显示模式
(一)样式的继承子元素覆盖和继承父元素的样式继承:如果父元素有,子元素没有,则子元素继承父元素的样式覆盖:如果父元素有,子元素也有,则子元素覆盖父元素的样式(二)样式的优先级id样式 > class样式 > 标签样式行内样式 > 内嵌样式 > 外部样式(三)应用多个样式一程序执行的先后为优先级,后执行的将前面的覆盖...原创 2019-03-23 11:36:39 · 530 阅读 · 0 评论 -
3、CSS盒子模型,float和clear属性
(一)盒子模型盒子:能存放内容的标记都是盒子,最大的盒子是HTML边界(margin):盒子外面叫边界,有上下左右4个边界; 填充(padding):盒子里面叫填充,有上下左右4个填充; 边框(border):盒子本身有边框,有上下左右4个边框。(二)float属性(浮动属性):将块显示标记左右排列改变块元素(block element)对象的默认显示方式; 浮动元素(fl...原创 2019-03-24 12:13:31 · 961 阅读 · 0 评论