字体-关于web前端 css 选择器的问题

问题描述

关于web前端 css 选择器的问题

我想请问通用选择器和body选择器的区别是什么?
为什么我用通用选择器定义好默认样式之后,在后续定义样式时很难改变例如
*{
font:12px Arial,"Mcrosoft Yahei",Verdana;
}
后边我定义字体大小时,字体大小不会改变,依然是12px.用h1写出来的字也是12px
但是如果将选择器换成body时就不会出现这种情况。

body{
font:12px Arial,"Mcrosoft Yahei",Verdana;
}
我是个新手,请问出现这种情况的原因是什么?

解决方案

后续如果要改变样式可以试试提高优先级

解决方案二:

没问题啊,是不是你样式写得有问题

 <style>
*{
font:12px Arial,"Mcrosoft Yahei",Verdana;
}
div{font-size:20px;}
</style> 

<div>abbae</div>abbae

解决方案三:

看一下是否和加载顺序有关

时间: 2024-10-02 10:07:44

字体-关于web前端 css 选择器的问题的相关文章

web前端-css遇到十分基础的问题,求解释

问题描述 css遇到十分基础的问题,求解释 只将html body 的margin padding设置为0时开发中遇到的问题"> 再加上div 发现多了8px的margin!!! 这是什么原因呢,是代码的原因,还是浏览器的原因?我用的360 解决方案 你不加div的时候相当于设置body的margin和padding为0,此时顶部和左侧都没有空隙是正常的.而加上div之后你相当于设置html的body元素的div元素的样式为margin 0和padding 0,而body则没有设置marg

web前端-一个div内含三个div,内部三个div向左浮动,最后一个自适应大小

问题描述 一个div内含三个div,内部三个div向左浮动,最后一个自适应大小 在页面body里有一main层div,里面有三块div:left,Middle,right;全部向左浮动,最左边两个left,Middle,固定宽度,让最后一个div自适应剩余的空间,理想图如图: 而我现实出现成这样,如图最右边的只有一小块,不知道怎么设置成充满,而且,由于屏幕的分辨率会变,最右边的还容易跑到最下边去,如图: 求各位大神指导.... 解决方案 最好写百分比......这样最起码不会出现小屏的时候,第三

web前端-WEB前端基础 下列代码中,错误的是()?

问题描述 WEB前端基础 下列代码中,错误的是()? A. 01发票信息 发票抬头: 发票内容: B.发票信息 发票抬头: 发票内容: C.% D. 搜索"恒高科技": 解决方案 web前端基础Web前端基础[WEB基础]⑤一些前端小东西 解决方案二: 你这个是不是有格式的啊? 解决方案三: 我表示看不懂,是不是内容不全啊 相关文章 代码-WEB前端基础 答案为什么是B html-如何才能系统的学习web前端呢 web前端-css遇到十分基础的问题,求解释 web前端框架挑选问题,踊跃

百度WEB前端JavaScript编程题和HTML/CSS面试题

文章简介:笔试题,百度流程信息管理部Web前端实习研发工程师. 笔试题,百度流程信息管理部Web前端实习研发工程师. JavaScript编程题1.实现输出document对象中所有成员的名称和类型:2.如何获得一个DOM元素的绝对位置?(获得元素位置,不依赖框架)3.如何利用JS生成一个table?4.实现预加载一张图片,加载完成后显示在网页中并设定其高度为50px,宽度为50px:5.假设有一个4行td的table,将table里面td顺序颠倒:6.模拟一个HashTable类,包含有add

Web前端开发者必知的9个实用CSS属性

作为一个前端WEB开发者对于CSS属性的熟悉是避免不了的,而且还要必备的很多,下面本文整理了作为开发者的你必知的9 个CSS 属性,非常实用所以有需求的你可以参考下哈,希望对大家有所帮助   1. 圆角效果 如今的Web设计在不断跟进最新的开发技术,纷纷采用HTML5来开发多样性的 Web应用.HTML5的优势之一,就是之前必须用图片实现的元素,现在可以用代码来实现."border-radius"是实现这一功能的一个重要的属 性,可以用来直接定义HTML元素的圆角,并且被所有现代浏览器

《Web前端开发修炼之道》-读书笔记CSS部分

如何组织CSS-分层 应用 css 的能力分两部分:一部分是css的API,重点是如何用css控制页面内元素的样式:另一部分是css框架,重点是如何对 css 进行组织.如何组织 css 可以有多种角度,例如按功能划分,或者按区块划分.这里讲一下 base.css + common.css + page.css 的组织方法.将网站内的所有样式,按照职能分成三大类:base.common.page,这三者是层叠结构. 1.base 层-精简通用 位于三者的最底层,提供 css reset 功能和粒

《Web前端开发精品课 HTML与CSS进阶教程》——第一部分 HTML进阶第01章 HTML基础知识1.1 HTML和CSS进阶简介

第一部分 HTML进阶 第01章 HTML基础知识 1.1 HTML和CSS进阶简介 1.1.1 你真的精通HTML和CSS吗 我们都知道,前端技术最核心的三大技术是HTML.CSS和JavaScript.HTML定义网页的结构,CSS定义网页的外观,而JavaScript定义页面的行为.其中HTML和CSS是前端技术中最基础的东西. HTML和CSS入门容易,精通却很难,特别是CSS."什么?精通很难?我很确定我已经精通CSS了啊!"这种话往往是出自学习三两个月.技术刚入门的人之口.

《Web前端开发精品课 HTML与CSS进阶教程》——2.2 标题语义化

2.2 标题语义化 h1-h6是标题标签,h表示"header".h1-h6在HTML语义化中占有极其重要的地位.h1-h6按照标题的重要性依次递减,其中h1重要性最高,h6重要性最低. 相对于其他语义化标签,h1-h6在搜索引擎优化(即SEO)中占有相当重要的地位.在一个页面中,h1-h6这6个标签,我们不需要全部都用上,都是根据需要才用的.对于h1-h6,一般情况下我们只会用到h1.h2.h3和h4,很少再会去用h5和h6,因为一个页面不可能用到那么多级的标题.并且从搜索引擎优化的

WEB前端性能优化:HTML,CSS,JS和服务器端优化

文章描述:WEB前端性能优化小结. 对前端开发工程师来说,前端性能优化的重要性是不言而喻的,最为大家所知的是YSLOW的23条优化规则,在我的理解中,性能优化不纯粹是指用户访问网站的速度,也包括开发的效率,这里我总结下我理解中的WEB前端性能优化. HTML部分 语义化HTML:好处在于可以使代码简洁清晰,支持不同设备,利于搜索引擎,便于团队开发: 减少DOM节点:加速页面渲染: 给图片加上正确的宽高值:这可以减少页面重绘,同时防止图片缩放: 防止src属性和link的href属性为空:当值为空