小白在努力！-CSDN博客

原创 CSS常用简单语法笔记

<html> <head> <style> a{ text-decoration: none;/*decoration里面默认是underline，这里把她改为none,这样就可以去掉下划线*/ } #dl{/*id选择器需要前加#*/ width: 300px; height: 40px;/*这里的height是文字高*/ line-hei.

2021-03-14 11:36:54 115

原创 HTML字体

font:a.顺序必须为style,weight,size,familyb.font必须要有size,family<html> <head> <style> p{ font-style: italic;/*字体风格，正常，斜体等*/ font-weight: bold; font-size:12px/50px;/*字高1...

2021-03-14 11:35:36 120

原创 padding用法

<html> <head> <title></title> <style> span{ background-color: rgb(76, 236, 71); } i{/*padding是内边距，向内扩展，与margin正好相反*/ background-color: rg.

2021-03-14 11:33:56 774

原创 margin用法

<html> <head> <style> span{ background-color: rgb(231, 70, 48); } i{/*margin用于设置当前标记距离其他标记的间距,外边距*/ background-color: rgb(200, 78, 211); disp.

2021-03-14 11:33:13 717 2

原创 CSS中的position

position:fixed他是相对body来定位的，脱离文档流 position:relative它是相对于自身来变化的，而且不会脱离文档流 position:absolute脱离文档流，相对于position为非static的父标记定位<html> <head> <title></title> </head> <body> <!--position

2021-03-14 11:32:08 57

HTML/CSS选择器分类：1.标签选择器，同时对div两个标签都调整2.id选择器3.类选择器4.分组选择器(用逗号隔开的多个选择器组成分组选择器)5.后代选择器：父子选择器构成的一种选择器6.*选择器：全选择器为什么要用选择器？使用style标签属性可以为html标签添加样式，但这种方式与html标签会耦合，不便于后期维护。样式和标签分开，对后期的修改维护有很大好处，而且代码简洁明了，增加可读性。浏览器可以选择为哪些标签添加样式标识符。<html> ...

2021-03-14 11:29:55 70

原创 CSS浮动

浮动float 练习：浮动是为了消除间隙，浮动后要对块级元素消除浮动，这样才能对齐切其他标签不变形。<html> <head> <style> .a{ border:5px solid rgb(219, 21, 21); font-size: xx-large; font-family: sans-serif; float: left;/*向左浮动*/

2021-03-14 11:26:00 81

原创 HTML/CSS实战训练（仿新浪网页）

学了两天的HTML/CSS了，这是第一次参与实战做网页，发现将零碎知识点串在一起很重要，要不然还是不知道怎么写，而且深刻感受到了前端的不易，虽然前端逻辑简单，但实际上手却有很多疑问和考虑的点，不过幸好通过不断的尝试做出来了。在用CSS选择器时，一定要注意是块级元素还是行内元素，它们之间的特点，margin和padding是对哪个标签使用的，float使用完毕对齐后，要在div标签中加入<div style="clear:both;">，这样其他边框才不会改变。另外，对于行内元素来说，是不能直接控

2021-03-14 11:21:23 2172 1

原创 HTML学习笔记3

单选框和复选框都有name和id，需要注意的是name可以是相同的，用来让浏览器知道name相同是一组，而id则是唯一的，可以与其他标记相绑定，例如以下label和单选框绑定，即点击男就可以选上，复选框类似。 form被称为表单，也就是我们在搜索框中输入的表单，它主要是用来传递数据的，传递到数据库。<html> <head> </head> <body> <!--form是表单，是用来传递数据的--&gt.

2021-03-13 14:33:45 59

原创 HTML学习笔记1

HTML（上）笔记：1.csdn.com是域名，相当于电话号码的姓名，而IP则相当于电话号码，win+R打开DOS窗口，输入ping csdn.com即可看到它的IP地址。2.IP就是csdn服务器的“电话号码”，通过IP地址查询可以查到该服务器的地址。浏览器本质是个软件，输入搜索内容，点击回车，即完成一次“请求”，我们所看到的内容，是“回应”，浏览器是在执行完代码才做出回应的，目前，谷歌执行代码时间最短，其次火狐。3....

2021-03-13 14:23:04 65

原创 HTML学习笔记2

HTML学习笔记：对表格添加标框时，border顺序为（粗细，虚实，颜色）顺序不可变。对表中的一个单元添加标框，就是对th，td加标框。（注：th是table head的缩写 td是table data的缩写 tr是table rows的缩写）表与单元的标框有缝隙用border-spacing: 0px;将属性值改为0px即可。表与单元的标框显示为一条线用折叠border-collapse；行内元素，仅包裹元素本身高宽，可与其他元素并列，不会自动换行。而块级元素独立成行，填充整个父标记...

2021-03-13 14:05:46 87

giserhfbuie的博客