- 博客(5)
- 收藏
- 关注
原创 CSS中的继承与图片整合技术(内附字体和背景颜色设置)
1、什么是继承? 继承(inherit),指子元素会自动拥有父元素的某些css属性;但并不是所有css属性都可以被子元素继承 可被继承的属性:color、font-size、font-weight、text-align 不能被继承的属性:background-color,width,height 元素背景色的默认值是透明色 transparent 2、什么是图片整合技术? 图片整合技术又叫雪碧图 功能: 把多张icon(小图),整合到一张大图以减少加载次数 步骤:(所有操作都是在c
2020-07-18 21:45:04 891
原创 CSS有哪些选择器,如何计算优先级?(二)
声明冲突: 同一个元素,属性名相同,属性值不同,就产生了“声明冲突”,浏览器会自动触发层叠机制 层叠是一种机制,用于解决css声明冲突,是自动触发完成的。 层叠的过程: 一般由于我们在开发中不会只是简单的样式,而是很多的样式在一起,那么就需要一个规则去辨别最后渲染的样式; CSS的层叠特性就是让样式层叠在一起,通过特殊性、重要性、来源及继承机制来排列层叠样式的顺序及选出胜出者。 在不考虑来源的情况下,!important最高。 ! important写在css申明的分号里面 一
2020-07-18 21:01:14 179
原创 CSS有哪些选择器,如何计算优先级?(一)
1、什么是CSS选择器? 前面介绍了HTML和CSS的概述及结构,大体了解到HTML用于描述页面的结,而CSS用于控制页面中元素的样式。那么,CSS是如何控制元素来添加相应的样式呢? 这就涉及到css里面选择器的规则了,CSS选择器主要的功能就是选中想要添加样式的元素,选择器就是用来匹配元素的,必须是要选中(书写正确)才可以给HTML页面中各种元素添加样式。 当然,有时候选择器也会涉及到继承、声明冲突可能会选不中,后面会详细介绍。 2、基本选择器 选择器最终选中的是离大括号最近的元素 通配选择
2020-05-31 21:32:32 318
原创 Web前端:2、盒模型的组成
在HTML中,若想要实心划分区域,则: 1、添加标签; 2、对标签设置尺寸(宽高) 但只要是添加了一个元素(标签),就会在页面中生成一个盒子,不同元素产生的盒子模型可能不同,这取决于它CSS的display属性 1、display:当前元素的显示方式 display:none;不生成盒子 特点:在页面不显示且不占用尺寸 display:block;块盒 特点:块盒独占一行,即使内容只有一个字后面的元素也会换行显示 可以设置宽高 display:inline;行盒 特点:所有行盒在一行显示,且里面的内容超
2020-05-25 23:32:33 238
原创 Web前端:1、HTML&CSS概述及结构
全称:HyperText Markup Language(超文本标记语言),定义页面内容结构,该语言书写的代码通常会被浏览器解析执行。
2020-05-23 15:42:29 492 3
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人