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 · 1254 阅读 · 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 · 287 阅读 · 0 评论 -
重置样式表的作用 以及三角形的写法
重置样式表的作用 丢掉大多数标签的margin和padding属性 去掉一些标签的默认样式,节省代码 重置样式表在做开发的时候,结合项目的情况而定 网络上有很多写好的重置样式 用到的一些属性 cursor:pointer 手势图形 outline:none 蓝标消失(文本框点击时的蓝光) resize:none 禁止多行文本域的放大和缩小 transparent 透明度 三角形的写法 width:0; height:0; border-l原创 2020-09-15 19:40:54 · 142 阅读 · 0 评论 -
伪类选择器样式
伪类 :hover 鼠标滑过的效果 (可以用于任何一个·标签) 伪类选择器 伪类选择器 作用 a:link 默认样式 – – a:visited 点击的一瞬间 – – a:hover 滑过后的样式(可以用于任何标签) – – a:active 点击过后的样式 – – :before 向前插入内容 – – :after 向后插入内容 ...原创 2020-09-14 19:16:40 · 228 阅读 · 0 评论 -
可以改变文档流的属性的异同
可以改变文档流的属性 float:left/right/none; (浮动) position:fixed; 固定定位 position:absolute; 绝对定位 相同点:都是改变文档流 不同点:定位改变文档流,有参照物,而浮动没有 定位不改变标签属性,而浮动会改变 ...原创 2020-09-14 19:06:11 · 111 阅读 · 0 评论 -
元素定位的区别以及用法
元素定位 属性 属性值 作用 position fixed 固定定位 – – – position relative 相对定位 – – – position absolute 绝对定位原创 2020-09-14 18:59:17 · 501 阅读 · 0 评论 -
元素隐藏浮动以及转化元素类型
元素隐藏浮动以及转化元素类型 元素转化类型 属性值(display) 作用 inline 把块元素转化为行元素 – – block 把行元素转化为块元素 – – inlne-block 把其他元素转化为行内块元素 – – none 消失隐藏 浮动 float:left(向左浮动)/ right(向右浮动) 什么是浮动 浮动就是改变元素原来的位置 浮动的作用 通过改变标签的属性达到布局的目的 标签浮动以后的特点 块元素标签浮动后,会在一行内显原创 2020-09-14 10:21:39 · 170 阅读 · 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 · 325 阅读 · 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 · 648 阅读 · 0 评论 -
css选择器的分类以及优先级
css选择器 什么是选择器 选择器就是寻找标签的一种工具 选择器的分类 1.通用选择器: * *{ margin:0; padding:0; } 2.元素选择器 :页面上的标签 3.类选择器 (class) . (可以重复多个) 4.id选择器 (id) # (有且只有一个) 5.群组选择器 (群组) , 6.后代选择器 (空格)、 7.子代选择器 (子代) > 选择器的优先级 (从原创 2020-09-13 19:11:31 · 151 阅读 · 0 评论 -
CSS的简单概念
CSS的简单概念原创 2020-09-11 21:06:35 · 128 阅读 · 0 评论