![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
CSS学习笔记
秋刀鱼丢了水蜜桃
今天的砖头依旧烫手
展开
-
CSS选择器特殊性
CSS选择器特殊性顺序继承通配选择器属性选择器类选择器id选择器内联选择器重要规则编写CSS代码时,常会遇到多个样式规则作用于同一个元素的情况,根据CSS选择器的特殊性,可以确定该元素会适用哪一条规则。顺序继承<通配选择器<属性选择器=类选择器<id选择器<内联选择器<重要规则继承通配选择器属性选择器类选择器id选择器内联选择器重要规则...原创 2019-03-16 16:18:19 · 325 阅读 · 0 评论 -
CSS选择器
CSS选择器元素选择器文档的元素为最基本的选择器,设置一个HTML样式,选择器通常是某个HTML元素,如p,h3,em,a,甚至可以是html本身。例如:html {color : black;}h1 {color : gray;}h3 {color : silver;}p th td {color : purple;}通配选择器CSS2中引入的一种简单选择器,显示为一个(*)...原创 2019-03-24 23:25:50 · 133 阅读 · 0 评论 -
CSS伪类选择器
CSS伪类选择器在html的标记中,所有的锚(a)元素看起来都一样,实际上是有两种基本的锚类型:已访问的和未访问的。这些类型称为伪类,使用这些伪类的选择器成为伪类选择器。链接伪类CSS2.1中定义了两个只应用于超链接的伪类:伪类名描述:link指示作为超链接(即有一个href属性)并指向一个未访问地址的所有锚:visited指示作为已访问地址超链接的所有锚...原创 2019-03-26 18:50:13 · 172 阅读 · 0 评论 -
CSS盒子模型(框模型)
CSS盒子模型(框模型)上图为W3C标准的盒子模型;元素的总宽度:width(宽度)+padding-left(左内边距)+padding-right(右内边距)+border-left(左边框)+border-right(右边框)+margin-left(左外边距)+margin-right(右外边距)元素的总高度:height(高度)+padding-top(上内边距)+padding...原创 2019-03-30 19:41:45 · 163 阅读 · 0 评论 -
CSS布局(圣杯布局,双飞翼布局)
圣杯布局特点DOM元素的书写顺序不得更改。主面板部分优先渲染(一般主面板会比侧栏内容重要)。当面板的middle内容部分比两边的子面板宽度小的时候,布局就会乱掉。可以通过设置middle的min-width属性或使用双飞翼布局避免问题。布局步骤三者都设置向左浮动设置middle宽度为100%,设置两侧栏的宽度。设置负边距,left设置负左边距为100%,right设置负左边距...原创 2019-04-06 10:27:31 · 242 阅读 · 1 评论