前端学习之-用户代理样式表(user agent stylesheet)

2 篇文章 0 订阅

在学前端的时候,和老师一模一样的代码,但那个“输入关键词”的输入框样式就是和老师的不一样。懵逼之中发现多了个用户代理样式表,给整成了border-box,box-sizing默认是content-box。

 

 

 

在网上苦苦寻找关闭掉它的答案,就是找不到,最终我去google,猜猜我发现了什么?

 

 

156也说了:If <!DOCTYPE> is missing in your HTML content you may experience that the browser gives preference to the "user agent stylesheet" over your custom stylesheet. Adding the doctype fixes this.

按照这几位国际友人说的,我去检查了老师的代码,果然开头有一句

<!DOCTYPE html>

 

 

 

把这一句也复制到我的代码里

 

刷新,输入框的样式正确了,右下角的box-sizing也没了。

 

  • 9
    点赞
  • 9
    收藏
    觉得还不错? 一键收藏
  • 6
    评论
样式表stylesheet)是用来定义网页元素样式的一种文档。它通过定义样式规则来改变和美化网页的外观和布局。样式表可以包含在HTML文档内,也可以单独存储为一个独立的文件,并通过链接方式引用到HTML文档中。 样式表使用选择器(selector)来选择需要应用样式的元素,然后通过样式声明(style declaration)来定义元素的样式。样式声明由属性和属性值组成,属性控制元素的外观特性,而属性值则决定了属性的取值。 使用样式表有很多好处。首先,它可以实现样式和结构的分离,使得网页的布局和样式更加清晰,易于维护和修改。其次,样式表具有层叠的特性,可以通过不同的样式规则来覆盖和继承元素的样式,实现更灵活的设计。此外,样式表还支持伪类和伪元素的使用,可以针对特定的状态或位置来设置样式,实现更多样的效果。 在实际应用中,我们可以使用内联样式表、嵌入式样式表和外部样式表来定义样式。内联样式表直接写在元素的style属性中,可以针对具体的元素设置样式,但不易于维护和重用。嵌入式样式表使用<style>标签将样式定义在HTML文档内,可以在整个文档中重复使用,但影响到了HTML结构的可读性。外部样式表则将样式定义在独立的CSS文件中,通过<link>标签链接到HTML文档中,可以实现样式的复用和统一管理。 总之,样式表是一种强大的工具,能够实现网页的精美设计和布局。它以选择器和样式声明的形式定义元素的样式,使得网页更具可读性和可维护性。无论是内联、嵌入式还是外部样式表,都可以实现不同程度的样式控制和复用。
评论 6
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值