- 博客(8)
- 收藏
- 关注
RSS订阅原创 CSS选择器
选择器是css最重要的概念与使用技巧之一，可以通过css提供的不同选择器快速的对当前页面内的相应标签进行快速选择（选择器可以选择任意指定类型或者只当属性。。。的标签组 简单选择器 根据名称、id、class等进行指定标签的选择 通配符选择器 通过*代表全部标签 *{ /* 选择全部标签 进行样式操作 */ } 元素（标签TagName）选择器 选择指定标签名称的标签（包含自定义标签 标签名{ /* 选择当前页面标签名为指定名称的标签 */ } id选择器 通过对标签设
2021-07-14 22:31:39
163
原创 CSS层叠样式表
CSS （cascading style sheet ）层叠样式表是前端对页面进行梳理美化的重要方式之一。 行内样式: 在标签中使用style属性进行样式的书写 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta na
2021-07-14 22:31:13
227
原创 三、float浮动
float 属性定义元素在哪个方向浮动。以往这个属性总应用于图像，使文本围绕在图像周围，不过在 CSS 中，任何元素都可以浮动。 如果浮动非替换元素，则要指定一个明确的宽度；否则，它们会尽可能地窄。 注释： 浮动元素会生成一个块级框，而不论它本身是何种元素 浮动会使元素脱离文档流进入浮动层,会将下面的元素遮挡 但不会遮挡其内容 如果在一行之上只有极少的空间可供浮动元素，那么这个元素会跳至下一行，这个过程会持续到某一行拥有足够的空间为止。 none- 默认值 不进行浮动 left- 左浮动
2021-07-14 22:30:30
153
原创 二、position定位
用于在盒子模型中，使用不同的方式对盒子的位置进行修改 static- 默认值 静态的 不进行定位操作 忽略left right top bottom 属性 2.1 绝对定位absolute absolute- 绝对定位 元素相较于第一个未设置position为static的父元素左上角的位置 父边框的粗细不会影响位置的数值，因为绝对定位是在父元素内边距与边框左上角作为定位的起始，父盒子的内边距会影响子元素的原始位置不会影响绝对定位,如果子盒子拥有外边距，那么实际距离为外边距左上角距离父元素内边距与边
2021-07-14 22:29:58
99
原创 三、文本阴影属性 自定义字体
text-shadow: h-shadow v-shadow blur color; 3.1 凹凸字 为文字左上设置黑色阴影，为右下设置白色阴影设置凹字 .ao { text-shadow: -1px -1px 1px #000, 1px 1px 1px #fff; } 为文字左上设置白色阴影，为右下设置黑色阴影设置凹字 .tu{ text-shadow: -1px -1px 1px #fff,1px 1...
2021-07-14 22:29:29
215
原创 六、css函数
函数，也称为方法、过程，是一组已经进行逻辑定义通过传入参数数据实现指定功能的语法 组成： 函数名称（参数） 函数名称:是函数使用与功能的唯一标识 参数：函数执行时需要使用的数据，根据数据进行执行完成不同功能 6.1 attr() 获取指定元素指定的值,获取的是标签属性的值,只有书写在标签中的属性值才能被获取,由于顺序执行，在页面加载时进行获取，不能获取页面修改的数据，之后我们可以通过事件与js函数的形式进行实时获取 <!DOCTYPE html> <html lang="en
2021-07-14 22:29:03
122
1
原创 2021-06-12
html标签 分类 按个数分可分为双标签和单标 1.双标签如 <html></html>//定义HTML文档 <div></div>//无语意标签 <p></p>//段落标签 <h1></h1>//标题标签 2.单标签 <br>//插入换行符 <hr>//在HTML中插入一条水平线 按类别分 1.块级标签 独占一行会自带还行 <div></di
2021-06-13 21:05:30
151
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人