![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
css
m0_63400611
这个作者很懒,什么都没留下…
展开
-
css用户界面样式
界面样式简介界面样式就是更改一些用户操作样式,以便更好提高用户体验更改用户鼠标样式 表单轮廓 防止表单域拖拽鼠标样式cursor语法:.li { cursor: pointer;}轮廓线outline给表单添加outline: 0;或者 outline: none;样式之后,就可以去掉默认的蓝色边框语法:input { outline: none;}防止拖拽文本域resize实际开发中,文本域右下角是不可以拖拽的语法:t..原创 2021-11-23 19:09:43 · 42 阅读 · 0 评论 -
css元素显示模式
块元素常见的块元素有<h1>~<h6>,<p>,<div>,<ul>,<ol>,<li>等,其中<div>是最典型的块元素块级元素的特点自己独占一行 高度,宽度,外边距以及内边距都可以控制 宽度默认是容器(父级容器)的100% 是一个容器及盒子,里面可以放行内或者块级元素文字类的元素内不能使用块级元素 <p>标签主要用于存放文字,因此<p>里面不能放块级元素,特别是&原创 2021-11-23 16:56:04 · 44 阅读 · 0 评论 -
css三角的做法
.box { width: 0; height: 0; border: 10px solid transparent;/*透明*/ border-top-color: pink;}首先设置宽高为0,再指定透明的边框,最后将需要的边框改变颜色即可原创 2021-11-22 21:45:29 · 47 阅读 · 0 评论 -
元素的显示和隐藏
display属性.box { display: none;/*隐藏对象*/ display: block;/*除了转换为块级元素之外还有显示元素的意思*/}display隐藏元素后,不在占有原来的位置visibility属性.box { visibility: visible;/*元素可视*/ visibility: hidden;/*元素隐藏*/}visibility隐藏元素后,继续占有原来的位置overflow溢出overflow:v原创 2021-11-22 19:54:42 · 87 阅读 · 0 评论 -
关于定位知识
定位的作用浮动可以让多个块级盒子一行没有缝隙排列显示,经常用于横向排列盒子,而定位则是可以让盒子自由的在某个盒子内移动位置或者固定在屏幕中间某个位置,并且可以压住其他盒子定位组成定位:将盒子定在某一个位置,所以定位也是在摆放盒子,按照定位的方式移动盒子定位=定位模式+边偏移定位模式用于指定一个元素在文档中的定位方式,边偏移则决定了该元素的最终位置1.定位模式定位模式决定元素的定位方式,通过CSS的position属性来设置,可以分为四个值:静态定位:static 相对定位:原创 2021-11-18 23:53:35 · 76 阅读 · 0 评论 -
页面布局整体思路
为了提高页面制作的效率,布局时通常有以下的整体思路:必须要确定页面的版心(可视区),通过测量可得知 分析页面中的行模块,以及每个行模块中的列模块,页面布局第一准则 一行中的列模块经常浮动布局,先确定每个列的大小,之后确定列的位置,页面布局第二准则 制作HTML结构,遵循先有结构,后由央视的原则, 结构最重要 先理清楚布局结构,再写代码,需要多写多积累有助于分析...原创 2021-11-18 22:58:54 · 281 阅读 · 0 评论 -
CSS属性书写顺序
建议遵循以下顺序布局定位属性:display/position/float/clear/visibility/overflow(建议display第一个写,因为关系到模式) 自身属性:width/height/margin/padding/border/background 文本属性:color/font/text-decoration/text-align/vertical-align/white-space/break-word 其他属性(css3):content/cursor/border原创 2021-11-18 22:47:25 · 45 阅读 · 0 评论 -
关于浮动float
为什么需要清除浮动?父级盒子很多情况下不方便给高度,但子盒子浮动不占有位置,最后父级盒子高度为0,就会应详下面的标准流盒子清除浮动本质清除浮动的本质就是清除浮动元素造成的影响 如果父盒子本身有高度,则不需要清除浮动 清除浮动之后,负级就会根据浮动的子盒子自动检测高度,父级有了高度就不会影响下面的标准流选择器{ clear:属性值;}在实际工作中,几乎只用clear:both清除浮动的策略是:闭合浮动清除浮动方法额外标签法也称为隔墙法,是W3C推荐的做法.原创 2021-11-16 18:11:25 · 109 阅读 · 0 评论