- 博客(15)
- 资源 (5)
- 收藏
- 关注
RSS订阅原创 css-相对定位、绝对定位、固定定位
半透明效果：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style> .box { width: 1226px; height: 600px; background: url(images/bg.jpg); ma.
2022-01-06 17:27:27
563
原创 css-相对定位、绝对定位、固定定位
相对定位：relative特点：1、相对定位，需要配合方位属性才能移动2、相对于谁移动的相对于自己原来的位置进行移动的！3、相对定位的元素在标准流占不占位置？占位置-》没有脱标！！！应用的场景：1、配合绝对定位组cp（子绝父相）！！！2、也可以用在小范围的移动中 * { margin: 0; padd...
2022-01-06 16:14:12
831
原创 css-浮动及页面布局
行高作用：让文字垂直居中！/*line-height:300px;*/(等于盒子的高度）/*1、数字+px*//*2、数字+em1em=font-size谷歌浏览器一般默认的文字大小：16px/*line-height:2em;*//*3、百分数百分数*font-size=200%*16px=32px/*line-height:200%;...
2022-01-05 22:57:01
967
原创 css-margin、padding
盒子模型组成部分：4部分1、内容：content2、边框：border3、内边距：padding4、外边距：marginborder的连写：border：width style colorborder: 10px solid blue;注意点：1、书写顺序：推荐写法去写2、省略问题：不要省略！！！3、层叠问题：单独写的样式写在连写的下面给单独方向设置边框：border-方位名词（top、right、bottom、left）...
2022-01-05 16:46:31
727
原创 css-块级元素、行内元素、行内块元素及伪类选择器
块级元素：div、p、h如何判断一个元素是块级元素？display：block；显示特点：1、独占一行的（一行只能放一个！！！）（缺点）2、宽度默认是父元素的宽度！！！！高度默认是由内容撑开（自适应）3、可不可以设置宽高？？？？可以设置宽高的！！！（优点）代表标签有哪些？？div、p、h行内元素：span a如何判断一个元素是...
2022-01-04 22:40:58
1006
原创 css-背景相关属性
背景颜色：background-color取值：关键字、rgb、rgba、# background-color:pink;背景图片：background-imageurl(背景图片的路径) 默认的效果：平铺 background-image:url(200.jpg);背景平铺：background-repeat取值：1、repeat:平铺2、...
2022-01-04 20:53:19
165
原创 css-文本编辑
文本的缩进：text-indent取值：1、数字+px2、数字+em 1em = font-size文本的对齐方式：text-align（水平方向）取值：1、左边:left2、中间：center3、右边：righttext-align: center;text-align:center能让哪些元素水平居中？1、文本2、span、a标签（行内元素）3、input、img（行内块元素）如果想让以上的元素水平居中，需要给以上元素所在的标签（父元素）设置..
2022-01-04 19:48:39
495
原创 css-选择器
层叠问题:给同一个标签设置相同的样式时,写在下面的样式会生效!!!!!字体相关属性的连写形式font:styleweightsizefamily ；（稍微舒服） <font:normal700100px'隶书';> <font:100px'楷体';> 注意点:1.书写的顺序font:styleweig...
2022-01-04 15:39:57
426
原创 css-字体相关属性
文字大小：font-size文字粗细：font-weight文字样式：font-style文字字体：font-family<head><metacharset="UTF-8"><title>Document</title><style>p{/*文字大小:font-size取值：数字+px*/font-size:60px;...
2022-01-04 14:27:57
315
原创 css书写规范
css的书写格式 ：标签名{css的属性名：属性值；}css应该写在哪里？书写的规范：css写在style标签中，style标签写在head标签里面，title标签下面注意点：在css中，标点符号都是英文状态的！！/*css的注释ctrl+/*/<head><metacharset="UTF-8"><title>Document</title>...
2022-01-04 14:15:33
1577
原创 HTML标签及其属性
select:下拉菜单下拉菜单整体：select标签name每一项：option标签value属性：1、默认选中：selected一个select标签中只能设置一个（规范）出生年月：<selectname=""id=""><optionvalue="">1998</option><optionvalue=...
2022-01-04 11:09:39
747
原创 HTML-input标签
<!--input:通过type属性值的不同，表现出不同的形态--><!--1、文本框：text（默认值）-->昵称：<inputtype="text"><br><br><!--2、密码框：password密文输入-->密码：<inputtype="password"><br><br><!--3...
2022-01-03 22:23:30
434
原创 HTML-表格标签及属性
属性：1、border：边框2、cellspacing：单元格与单元格之间的距离！！03、cellpadding：单元格边框与内容之间的距离(一般不会使用)4、width：宽度5、height：高度6、align：对齐方式（水平方向）属性值：1、左边：left2、中间：center3、右边：right...
2022-01-03 21:51:45
1490
原创 HTML-有序列表&无序列表
<!--无序列表：一组没有顺序的列表无序列表的整体：ul无序列表的每一项：li显示的特点：每一项前面有小圆点注意点：1、ul标签里面只能放li标签2、li标签相当于一个容器，里面可以放任意的标签3、无序列表的每一项是没有顺序！！！--><ul><li>苹果</li><li>...
2022-01-03 21:42:35
916
原创 HTML-设置超链接
超链接：a标签作用：点击之后跳转到一个新页面去如果要在页面中看到a标签，需要在a标签里面写上内容显示的特点：1、a标签未点击时，颜色-》蓝色2、a标签点击过之后，颜色-》紫色属性：1、href：告诉浏览器点击之后去哪一个页面！！！属性值：路径当前文件找目标文件的过程当前文件：当前页面...
2022-01-03 21:26:35
4575
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人