![](https://img-blog.csdnimg.cn/20201014180756925.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
CSS
风九儿
这个作者很懒,什么都没留下…
展开
-
走进CSS
什么是CSS?CSS层叠样式表,用于定义HTML内容在浏览器内的显示样式,如果把HTML比作房子的骨架,那么CSS就是给房子装修优点:CSS可以简化HTML相关标签,网页体积小,下载快解决内容与表现分离的问题更好的维护网页,提高工作效率...原创 2018-08-04 21:25:12 · 189 阅读 · 0 评论 -
CSS定位position
CSS定位positionposition属性的意义:position属性决定了元素将如何定位通过改变top、right、bottom、left(单位可以是像素,也可以是百分比)实现位置改变position中的可选参数1.static, 默认值 元素按照标准流的方式进行正常的排列2.relative,相对定位 元素仍然处于正常的文档流中,但可通过top、right、bottom、le...原创 2018-09-28 15:25:06 · 129 阅读 · 0 评论 -
CSS盒子模型
盒子模型盒子模型的概念:盒子模型用来放网页中的各种元素网页设计中内容,如文字、图片等元素,都可是盒子(DIV嵌套)盒子模型的宽度属性宽度 width:像素值/百分比/auto(自动)最大宽度 max-width:像素值/百分比/auto(自动)最小宽度 min-width:像素值/百分比/auto(自动)其中百分比是根据父元素的值进行宽度设置IE6下不支持 max-wid...原创 2018-09-14 17:13:38 · 175 阅读 · 0 评论 -
CSS背景样式
1.background-color 设置元素的背景颜色。 background-color:颜色/transparent 说明:transparent是全透明 颜色值(颜色名/RGB/十六进制) 背景区包括内容、内边距(padding)和边框(border)、不包含外边距(margin)2.background-...原创 2018-09-07 16:19:37 · 5613 阅读 · 0 评论 -
CSS文本样式
text-align属性设置元素内文本的水平对齐方式语法:text-align:left/right/center/justify分别是左对齐,右对齐,居中对齐,两端对齐注:只对块级元素设置有效,如<p>,<div>,<body>等,text-align可以继承vertical-align属性设置元素内容的垂直对齐方式语法:vertical-ali...原创 2018-09-06 19:14:54 · 197 阅读 · 0 评论 -
css列表样式
CSS列表样式1.list-style-type 设置列表项标志的类型 1)无序列表 none 无标记(去除默认的圆点),disc 实心的圆点,circle 空心的圆点,square实心的方块 2)有序列表 none 无标记,decimal 从1开始的整数,lower-roman小写罗马数字,upper-roman 大写罗马数字, lowe...原创 2018-09-09 16:47:14 · 414 阅读 · 0 评论 -
CSS样式命名规范
CSS样式命名规范:采用英文字母、数字以及"-"和“_”命名以小写字母开头,不能以数字和“-”、“_”开头命名形式:单字,连字符,下划线和驼峰使用有意义命名常用的CSS样式命名1.页面结构页头:header页面主体:main页尾:footer内容:content/container容器:containe导航:nav侧栏:sidebar栏目:column页面外围控...原创 2018-08-25 16:46:34 · 3001 阅读 · 0 评论 -
CSS继承、层叠、优先级
CSS继承:<style>p{font-size:12px;}</style><p>CSS<span>继承</span></p>p标签下的内容全都是12像素(继承)继承好处:1.父元素设置样式,子元素可以继承部分属性2.减少CSS代码注意:不是所有属性都可以继承CSS层叠:可以定义多个样式不冲突时,...原创 2018-08-25 10:14:34 · 385 阅读 · 0 评论 -
CSS字体样式
文字样式属性字体:font-family文字大小:font-size文字颜色:color文字粗细:font-weight文字样式:font-stylefont-family字体属性定义元素内文字以什么字体来显示语法:font-family:字体1,字体2,....说明:含空格字体名和中文,用英文引号括起多个字体,用英文逗号隔开引号嵌套,外使用双引号,内使用单引号...原创 2018-08-26 21:02:10 · 1232 阅读 · 0 评论 -
CSS选择器
CSS选择器:1.标签选择器:通过标签选择器设置样式,那使用该标签的内容都引用该样式2.类选择器1)为HTML标签添加class属性,<h1 class="first">内容</h1>2)通过类选择器来为具有此class属性的元素设置CSS样式, .first{color:red;}同一个元素可以设置多个类,之间有空格隔开:<p class="red f...原创 2018-08-07 21:14:57 · 183 阅读 · 0 评论 -
CSS基本语法
CSS样式规则:CSS规则由两部分构成:选择器(告诉浏览器给谁设置样式),声明(每个声明由属性和值构成由分号隔开位于大括号内)CSS注释:/* */例:h1{color:red;font-size:14px;} 相同属性和值的选择器可以重叠:h1,h2,p{color:red;font-size:14px;}CSS使用方法,如何引用CSS样式1.行内样式(内联样式)在开...原创 2018-08-04 21:26:44 · 587 阅读 · 0 评论 -
CSS浮动
CSS的floatfloat:left 左浮动 可以使块级元素呈现在一行float:right右浮动 可以使块级元素呈现在一行且排列顺序倒序float:none 不浮动float:inherit 继承浮动在HTML中任何元素都是可以浮动的float浮动的真正原因以及副作用:1.float使得元素脱离了标准流2.浮动的元素不占有原有空间,但依然占有文档流空间3.父元素塌陷及其他...原创 2018-10-14 11:11:41 · 149 阅读 · 0 评论