CSS
文章平均质量分 73
iKendall
kk.
展开
-
CSS之使用display:inline-block来布局
本文转载于https://www.cnblogs.com/Ry-yuan/p/6848197.html感谢博主分享1.解释一下display的几个常用的属性值,inline , block, inline-blockinline(行内元素):使元素变成行内元素,拥有行内元素的特性,即可以与其他行内元素共享一行,不会独占一行.不能更改元素的height,width的值,大小由内容撑开.可以使用padding上下左右都有效,margin只有left和right产生边距效果,但是t.转载 2020-09-21 11:53:03 · 556 阅读 · 0 评论 -
CSS布局模型【全】
布局模型与盒模型一样都是 CSS 最基本、 最核心的概念。 但布局模型是建立在盒模型基础之上,又不同于我们常说的 CSS 布局样式或 CSS 布局模板。如果说布局模型是本,那么 CSS 布局模板就是末了,是外在的表现形式。CSS包含3种基本的布局模型,用英文概括为:Flow、Layer 和 Float。在网页中,元素有三种布局模型: 1、流动模型(Flow) 2、浮动模型 (Float) 3...原创 2018-11-23 20:41:19 · 183 阅读 · 0 评论 -
CSS类和id选择器的区别
CSS类和id选择器的区别相同点:可以应用于任何元素不同点:ID选择器只能在文档中使用一次。与类选择器不同,在一个HTML文档中,ID选择器只能使用一次,而且 仅一次。而类选择器可以使用多次。下面代码是正确的: <p>三年级时,我还是一个<span class="stress">胆小如鼠</span>的小女孩,上课从来不敢回答老师提出...原创 2018-11-19 18:36:48 · 243 阅读 · 0 评论 -
CSS的3种样式的优先级
如下两图,对于同一个元素我们同时用了三种方法设置css样式1、使用内联式CSS设置“超酷的互联网”文字为粉色。2、然后使用嵌入式CSS来设置文字为红色。3、最后又使用外部式设置文字为蓝色(style.css文件中设置)。但最终你可以观察到“超酷的互联网”这个短词的文本被设置为了粉色。因为这三种样式是有优先级的,记住他们的优先级:内联式 &gt; 嵌入式 &gt; 外部式但是嵌入式&g...原创 2018-11-17 20:01:57 · 907 阅读 · 0 评论 -
【HTML代码】几种美丽的分割线
一、普通1、&amp;lt;HR&amp;gt;&amp;lt;/HR&amp;gt;2、&amp;lt;HR align=center width=300 color=#987cb9 SIZE=1&amp;gt;&amp;lt;/HR&amp;gt;align 线条位置(可选left、right、center);width 线条长度;color 颜色;size 厚度`二、原创 2019-02-25 20:52:36 · 3399 阅读 · 0 评论 -
CSS里面的长度单位px/pt/em/in/pc/mm/cm解释
本文转自https://www.cnblogs.com/913815ccmm/p/4858638.html 感谢博主分享在CSS中,度量单位分为两种:相对单位:px/em/ex/%绝对单位:cm/pt/in/pc/mm这些单位的具体解释px相对长度单位。像素(Pixel)。像素是相对于显示器屏幕分辨率而言的。譬如,WONDOWS的用户所使用的分辨率一般是96像素/英寸。而MAC的...转载 2019-03-13 19:09:45 · 1484 阅读 · 0 评论 -
浅谈Normalize.css
Normalize.css只是一个很小的css文件,但它在默认的HTML元素样式上提供了跨浏览器的高度一致性。相比于传统的cssreset,Normalize.css是一种现代的,为HTML5准备的优质替代方案。Normalize.css现在已经被用于TwitterBootstrap,HTML5 Boilerplate,GOV.UK,Rdio,CSS Tricks以及许许多多其他的框架,工具...转载 2019-05-28 21:25:25 · 2335 阅读 · 0 评论