![](https://img-blog.csdnimg.cn/20201014180756738.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
css
北半球先生
to be you want to be
展开
-
CSS之行内元素的水平居中
行内元素的水平居中: 如果被设置元素为文本、图片等行内元素时,水平居中是通过给父元素设置 text-align:center 来实现的。(父元素和子元素:如下面的html代码中,div是“我想要在父容器中水平居中显示”这个文本的父元素。反之这个文本是div的子元素 ) eg: 我想要在父容器中水平居中显示。 .txtCenter{ text-align:cen原创 2016-07-02 12:13:08 · 333 阅读 · 0 评论 -
css之布局模型
1.流动模型: 默认情况下的布局模型就是流动模型,元素会像瀑布一样,自上而下垂直分布,宽度是100%。 2.浮动模型: 任何元素在默认情况下是不能浮动的,但可以用 CSS 定义为浮动,如 div、p、table、img 等元素都可以被定义为浮动。如下代码可以实现两个 div 元素一行显示。比如可以实现两个div的并排显示。 div { width:200px; ...原创 2016-06-30 23:48:59 · 161 阅读 · 0 评论 -
css之缩进
段落排版--缩进 中文文字中的段前习惯空两个文字的空白,这个特殊的样式可以用下面代码来实现: p{text-indent:2em;} 1922年的春天,一个想要成名名叫尼克卡拉威(托比?马奎尔Tobey Maguire 饰)的作家,离开了美国中西部,来到了纽约。那是一个道德感渐失,爵士乐流行,走私为王,股票飞涨的时代。为了追寻他的美国梦,他搬入纽约附近一海湾居住。 注意:转载 2016-06-27 21:51:28 · 237 阅读 · 0 评论 -
css之重要性
重要性 我们在做网页代码的时,有些特殊的情况需要为某些样式设置具有最高权值,怎么办?这时候我们可以使用!important来解决。 如下代码: p{color:red!important;} p{color:green;} 三年级时,我还是一个胆小如鼠的小女孩。 这时 p 段落中的文本会显示的red红色。 注意:!important要写在分号的前面 这里注意转载 2016-06-27 21:31:56 · 576 阅读 · 0 评论 -
后代选择器
包含选择器,即加入空格,用于选择指定标签元素下的后辈元素。如右侧代码编辑器中的代码: .first span{color:red;} 这行代码会使第一段文字内容中的“胆小如鼠”字体颜色变为红色。 请注意这个选择器与子选择器的区别,子选择器(child selector)仅是指它的直接后代,或者你可以理解为作用于子元素的第一代后代。而后代选择器是作用于所有子后代元素。后代选择器通过空转载 2016-06-27 20:58:25 · 816 阅读 · 0 评论 -
子选择器
子选择器 还有一个比较有用的选择器子选择器,即大于符号(>),用于选择指定标签元素的第一代子元素。如右侧代码编辑器中的代码: .food>li{border:1px solid red;} 这行代码会使class名为food下的子元素li(水果、蔬菜)加入红色实线边框。 eg: 子选择符 .food>li>ul>li{border:1px s原创 2016-06-26 13:05:54 · 253 阅读 · 0 评论 -
伪类选择器
伪类选择符 伪类选择符,为什么叫做伪类选择符,它允许给html不存在的标签(标签的某种状态)设置样式,比如说我们给html中一个标签元素的鼠标滑过的状态来设置字体颜色: a:hover{color:red;} 上面一行代码就是为 a 标签鼠标滑过的状态设置字体颜色变红。 关于伪选择符: 关于伪类选择符,到目前为止,可以兼容所有浏鉴器的“伪类选择符”就是原创 2016-06-27 21:13:54 · 187 阅读 · 0 评论 -
CSS 五种布局方式
一、浮动布局 <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>浮动布局</title> <style type="text/css"> .wrap1 div{ min-heig...转载 2019-08-29 22:32:00 · 570 阅读 · 0 评论