如梦幻泡影般-CSDN博客

原创 CSS定位布局

静态定位是所有元素的默认定位方式。意味着将一个元素定位在默认文档流中。相对定位相对于自己以前在标准流中的位置来移动position:relative; 使用top,right,bottom.left来控制注意点 1.相对定位不是脱离标准流的，会继续在标准流中占用一份空间2.在相对定位中同一个方向上的定位属性只能使用一个3.由于相对定位是不脱离标准流的，所以在相对定位中是区分块级元素/行内元素/行内块级元素4由于相对定位是不脱离标准流的，并且相对定位的元素会占用标准流中的位置，

2022-02-02 17:36:58 71

原创【CSS页面布局】

表格作用：给一堆数据添加表格语义table标签代表整个表格tr标签代表表格中的一行td标签代表一行中的一个单元格th用在表头居多，内部文本居中粗体注意：表格标签有一个border属性，决定边框宽度，默认为0，所以看不到。组合标签，一起出现或都不出现宽度高度属性 table和 td标签可以使用给td标签设置宽高属性，会修改当前单元格的宽高，不会影响整个表格的宽高，不建议使用水平对齐和垂直对齐属性水平可以给三个标签都使用垂直不能给table使用水平方向al...

2022-01-28 11:19:39 403

原创【盒模型】

内容盒子(W3C盒子) 默认盒子模型 W3C盒子box-sizing：content-boxwidth 属性仅表示盒子内容所占的宽度 height 属性仅表示盒子内容所占的高度盒子的宽width+paddingLeft+paddingRight+borderLeft+borderRight盒子的高height+paddingTop+paddingBottom+borderTop+borderBottom所占屏幕空间的宽width+paddingLeft+paddi...

2022-01-18 22:04:26 59

原创【CSS盒模型】

1.盒子组成盒子属性：文档中的每个元素都可以被看作是一个矩形盒子。margin 外边距代表盒子周围的区域。相邻元素的边距会合并（margin collapsing)border 设定介于padding的外边距与margin的内边距之间，默认值为0padding 内边距，在任何定义的边界内的元素周围生成空间width&height 用于设置内容区的宽高，盒子高度默认为内容的高度盒子一般指的是块元素，盒子是我们布局的重要机制。一个盒子应该由外边距，边框，内边距，内容组成。w

2022-01-16 16:25:31 135

原创 CSS文本属性

动态伪类选择器(a 标签的伪类选择器）E：link：（链接伪类选择器）：选择匹配的E元素。而且匹配元素定义了超链接并未被访问过。常用于链接锚点上E: visited：（链接伪类选择器）：已被访问过E：action(用户行为选择器）：匹配元素被激活（鼠标长按状态）E：hover(用户行为选择器）：用户鼠标停留在元素E上。IE6及以下仅支持 a:hoverWebFont:字体图标：目前流行的开源字体图标库：iconfont http://www.iconfont.cn/fon

2022-01-16 10:26:53 286

原创 HTML功能元素

列表标签作用：给一堆数据添加列表语义，也就是告诉搜素引擎告诉浏览器这一堆数据是一个整体无序列表<ul> <li>需要显示的条目内容</li> ------ list item</ul>样式应用场景新闻列表商品列表导航条有序列表<ol> <li>需要显示的条目内容</li></ol>定义列表给一堆数据添加列表语义，先通过d...

2022-01-10 19:36:01 224

原创 HTML基本内容

a标签的作用控制页面与页面之间的跳转格式 <a href="指定需要跳转的目标界面">需要展示给用户查看的内容</a>a标签也可让图片被点击如果通过a标签href属性指定一个URL地址，那必须在地址前面加上http://或者https:// 除了指定URL地址，还可以指定一个本地地址mailto链接是一种html链接，能够设置你电脑中邮件的默认发送信息。使用方式 <a href="mailto:name@email.com">Email</a&

2022-01-10 18:43:55 238

原创【HTML】

HTML定义：HTML 是用来描述网页的一种语言。HTML 指的是超文本标记语言:HyperTextMarkupLanguage HTML 不是一种编程语言，而是一种标记语言标记语言是一套标记标签(markup tag) HTML 使用标记标签来描述网页 HTML 文档包含了HTML标签及文本内容 HTML文档也叫做web 页面对于中文网页需要使用 <meta charset="utf-8"> 声明编码，否则会出现乱码。有些浏览器(如 360 浏览器)会设置 GBK...

2022-01-10 12:54:46 63

tyemqx005的博客