python html link css,python--学习--day14--web基础:html|css

本文详细讲解了3.15期间关于前端开发的基础,包括HTML与CSS的连接、123布局方法、Chrome审查元素的使用,以及CSS样式设置、标签选择器、浮动和定位等核心概念。涵盖了登录界面设计、CSS编写和选择器优先级等内容。
摘要由CSDN通过智能技术生成

3.15he quan ##连接

123

    段落   br换行 

123

   标题字体加大,到h6

hequan  内链标签

所有标签分为:

块级标签: div(白板),H系列(加大加粗),p标签(段落和段落之间有间距)

行内标签: span(白板)

标签之间可以嵌套

标签存在的意义,css操作,js操作

ps:chorme审查元素的使用

- 定位

- 查看样式

1
   属性

3.16登录

提交后台的

帐号:

 密码:

请选择性别

男:

女:

爱好

篮球:

足球:

技能

写代码:

搭服务:

上传文件

请在这里填写内容

省份

北京

上海

- img

src

alt

title

- 列表

ul

li

ol

li

dl

dt

dd

- 表格

table

thead

tr

th

tbody

tr

td

colspan = ''

rowspan = ''

- label

用于点击文件,使得关联的标签获取光标

用户名:

- fieldset  ##边款

legend

3.17CSS

在标签上设置style属性:

background-color: #2459a2;

height: 48px;

...

编写css样式:

1. 标签的style属性

2. 写在head里面 style标签中写样式

- id选择区

#i1{

background-color: #2459a2;

height: 48px;

}

- class选择器 ******

.名称{

...

}

 标签>

- 标签选择器

div{

...

}

所有div设置上此样式

- 层级选择器(空格) ******

.c1 .c2 div{

}

- 组合选择器(逗号) ******

#c1,.c2,div{

}

- 属性选择器 ******

对选择到的标签再通过属性再进行一次筛选

.c1[n='alex']{ width:100px; height:200px; }

PS:

- 优先级,标签上style优先,编写顺序,就近原则

2.5 css样式也可以写在单独文件中

3、注释

/*  */

4、边框

- 宽度,样式,颜色  (border: 4px dotted red;)

- border-left

5、

height,        高度 百分比

width,          宽度 像素,百分比

text-align:ceter, 水平方向居中

line-height,垂直方向根据标签高度

color、    字体颜色

font-size、 字体大小

font-weight 字体加粗

6、float

让标签浪起来,块级标签也可以堆叠

老子管不住:

7、display

display: none; -- 让标签消失

display: inline;

display: block;

display: inline-block;

具有inline,默认自己有多少占多少

具有block,可以设置无法设置高度,宽度,padding  margin

******

行内标签:无法设置高度,宽度,padding  margin

块级标签:设置高度,宽度,padding  margin

8、   padding       margin(0,auto)

边距: 内边距        外边距

padding-top:自身内部边距

  ##居中
收藏本站

登陆

注册

1
2
3
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值