HTML和css重要的知识点,html 和 css 基础知识点（一）(示例代码)

伪类选择器：

伪类是直接在元素后面加“:”,例如a:hover,可直接在css中用而不用在html中像类一样定义,因为是浏览器预先设定好的。

a一般顺序是:a:link{} 未访问状态链接

a:visited{}已访问状态链接

a:hover{}鼠标悬停上时状态

还有其他伪类,如first-child对应第一个子元素,last-child最后一个子元素,nth-child(even/2n)第偶数个子元素,nth-child(odd/2n+1)第奇数个子元素。

盒模型的定义：

css将每个元素都看做一个盒子,包括以下属性:

内容区content area:包含内容,内容可以决定大小,也可以自行设定宽度和高度。元素的width属性指定的就是内容区宽度,可以按像素指定也可以按百分比相对于元素所在容器如body div 的大小来指定。

内边距padding:内容区外的透明区域,可以看做元素的一部分,对元素设定背景会延伸到内边距。

边框border:内边距周围的边框。

外边距margin:边框外的透明区域,提供元素与元素之间的间隔,元素背景不会延伸到外边距。元素的(内联,如图像)左右外边距会相加,(块元素)上下外边距会折叠,取最大的,嵌套也是如此。另外,浮动元素的外边距与正常流中的外边距不会折叠。

HTML和css重要的知识点,html 和 css 基础知识点（一）(示例代码)相关推荐

html文字滑动时改变颜色,css实现滚动时选中区域字体颜色加深的示例代码
在封装日期选择器时,需要选中时字体颜色加深,先看一下实现后的效果可以看到加深的不是整个文字,而是中间那片区域今天聊的重点不在选择器的封装,主要看这个样式效果,想了解此组件的实现思路可以看之前的文章日 ...
java基础教程知识点,[Java教程]js基础知识点总结
[Java教程]js基础知识点总结 0 2016-11-01 21:00:04 如何在一个网站或者一个页面,去书写你的js代码: 1.js的分层(功能):jquery(tool) 组件(ui) 应用( ...
计算机文化基础知识点文件,计算机文化基础知识点.doc
计算机文化基础知识点第七章计算机网络概述计算机网络是指将一群具有独立功能的计算机通过通信设备及传输媒体被互联起来,在通信软件的支持下,实现计算机间资源共享.信息交换或协同工作的系统. 第一代第二 ...
大学计算机基础知识点图文,大学计算机基础知识点超详细总结
大学计算机基础知识点超详细总结第一章计算机及信息技术概述1. 电子计算机的发展历程①1946 年 2 月由宾夕法尼亚大学研制成功的 ENIAC 是世界上第一台电子数字计算机. "诞生了一 ...
大学计算机基础知识点图文,大学计算机基础知识点分布最新版
大学计算机基础知识点分布(详细) 所列出的知识点全部是考试范围,共分为了解和掌握两种要求: 了解:考试只考条目,不要求深入掌握: 例:信息的特性,只考信息的6个特性,不会考进一步的理解,即不考什么是不 ...
2017会考计算机知识点,2017地理会考基础知识点归纳
地理知识理解和记忆性的东西比较多,因此要对地理知识加强理解和记忆是非常重要的.下面就让学习啦小编给大家分享几篇2017地理会考基础知识点吧,希望能对你有帮助! 2017地理会考基础知识点篇一 1.经度 ...
css导航栏跟随,改良版导航栏自动跟随(示例代码)
$(function() { scrollgen({//调用全部可选参数导航栏默认为 .nav navChild: '.nav li', //导航栏子集 li navFather: '.con', ...
php中表格间距代码,css：border-spacing属性（表格边框间距）的示例代码分享
我们知道表格加入边框默认情况下是如下图那样的: 我们在上一节讲解了如何合并表格边框(消除表格边框间距).但是在实际开发中,我们有可能要设置一下表格边框的间距. 在CSS中,我们使用border-spa ...
计算机网络技术基础第五版知识点总结,计算机网络技术基础知识点-（58页）-原创力文档...
精编资料 <计算机网络技术基础>知识点1. 用一台计算机作为主机,通过通信线路与多台终端...10. 计算机网络自主性是指连网的计算机之间不存在制约控制关系.11. 计算机网络中... 网 ...
python列表知识点_Python列表List基础知识点总结
#!/usr/bin/env python # -*- coding:utf-8 -*- # @Time : 2020/4/16 21:38 # @Author: xuhui # @File : Li ...

HTML和css重要的知识点,html 和 css 基础知识点（一）(示例代码)

HTML和css重要的知识点,html 和 css 基础知识点（一）(示例代码)相关推荐

最新文章

热门文章