![](https://img-blog.csdnimg.cn/20201014180756923.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
css样式
小涛涛啊!
这个作者很懒,什么都没留下…
展开
-
css二级菜单(简单二级菜单)
css二级菜单(简单二级菜单)style样式内容 <style type="text/css"> *{ margin: 0; padding: 0; } .top{ width: 500px; height:50px; background: #ccc; margin: 0 auto; list-style: none; } .top>li{ float: left; color原创 2020-09-16 19:04:51 · 1263 阅读 · 0 评论 -
单行文本与多行文本的省略号写法
单行文本与多行文本的省略号写法单行文本white-space:nowrap; (不折行)overflow:hidden; (溢出隐藏)text-overflow:ellipsis; (省略号)多行文本display:-webkit-box (内核,先把他变为一个盒子)overflow:hidden; (溢出隐藏)word-break:break-all (允许在单词内换行)-webkit-box-orient: vertical; 从上到下垂直排列子元素原创 2020-09-15 19:52:33 · 293 阅读 · 0 评论 -
重置样式表的作用 以及三角形的写法
重置样式表的作用 丢掉大多数标签的margin和padding属性 去掉一些标签的默认样式,节省代码 重置样式表在做开发的时候,结合项目的情况而定 网络上有很多写好的重置样式用到的一些属性cursor:pointer 手势图形outline:none 蓝标消失(文本框点击时的蓝光)resize:none 禁止多行文本域的放大和缩小transparent 透明度三角形的写法width:0;height:0;border-l原创 2020-09-15 19:40:54 · 145 阅读 · 0 评论 -
伪类选择器样式
伪类:hover 鼠标滑过的效果 (可以用于任何一个·标签)伪类选择器伪类选择器作用a:link默认样式––a:visited点击的一瞬间––a:hover滑过后的样式(可以用于任何标签)––a:active点击过后的样式––:before向前插入内容––:after向后插入内容...原创 2020-09-14 19:16:40 · 230 阅读 · 0 评论 -
可以改变文档流的属性的异同
可以改变文档流的属性float:left/right/none; (浮动)position:fixed; 固定定位position:absolute; 绝对定位相同点:都是改变文档流不同点:定位改变文档流,有参照物,而浮动没有定位不改变标签属性,而浮动会改变...原创 2020-09-14 19:06:11 · 112 阅读 · 0 评论 -
元素定位的区别以及用法
元素定位属性属性值作用positionfixed固定定位–––positionrelative相对定位–––positionabsolute绝对定位原创 2020-09-14 18:59:17 · 508 阅读 · 0 评论 -
元素隐藏浮动以及转化元素类型
元素隐藏浮动以及转化元素类型元素转化类型属性值(display)作用inline把块元素转化为行元素––block把行元素转化为块元素––inlne-block把其他元素转化为行内块元素––none消失隐藏浮动float:left(向左浮动)/ right(向右浮动)什么是浮动 浮动就是改变元素原来的位置浮动的作用通过改变标签的属性达到布局的目的 标签浮动以后的特点块元素标签浮动后,会在一行内显原创 2020-09-14 10:21:39 · 172 阅读 · 0 评论 -
盒子模型的简单概念以及一些复合写法
盒子模型什么是盒子模型盒子模型是对标签作用的一种称呼盒子模型的作用盒子模型的作用是为了让开发人员更好地利用标签的盒模型特点去布局月面盒模型的组成部分1.boder:边框2.content:内容3.padding: 填充内边距4.margin:外边距复合写法border-width:边框的宽度border-style:边框的样式border-color:边框的颜色复合写法:border:1px solid red :1像素的红色的实线边框padding-top原创 2020-09-14 08:23:13 · 327 阅读 · 0 评论 -
css中关于字体设置所用到的属性名以及作用
css关于字体设置所用到的属性名以及作用属性名作用color字体颜色––font-size字体大小––font-family字体类型––font-style字体风格样式––font-weight字体加粗 /+数字(1-900)––text-align字体水平居中––font-variant字体大小写(不常用)––line-height行高––word-sp原创 2020-09-13 19:40:26 · 650 阅读 · 0 评论 -
css选择器的分类以及优先级
css选择器什么是选择器选择器就是寻找标签的一种工具选择器的分类1.通用选择器: **{margin:0;padding:0;}2.元素选择器 :页面上的标签3.类选择器 (class) . (可以重复多个)4.id选择器 (id) # (有且只有一个)5.群组选择器 (群组) ,6.后代选择器 (空格)、7.子代选择器 (子代) >选择器的优先级(从原创 2020-09-13 19:11:31 · 157 阅读 · 0 评论 -
CSS的简单概念
CSS的简单概念原创 2020-09-11 21:06:35 · 132 阅读 · 0 评论