css学习_css用户界面样式

1、css用户界面样式

a、鼠标样式(记住几个兼容性好的)

cursor：default/pointer/move/text;

b、轮廓 outline

outline：2px solid red；

outline：0/none（取消轮廓线）

c、防止拖拽文本域

textarea{resize：none；}

d、背景图片和背景颜色一起出现时，背景颜色在最底层。

e、行内块和文字对齐

vertical-align  对块级元素不起作用

图片和文字默认基线对齐

f、去除图片底侧空白缝隙

g、 溢出的文字隐藏

原文地址：https://www.cnblogs.com/yangyutian/p/10630073.html

时间： 2024-10-14 06:51:42

css学习_css用户界面样式的相关文章

CSS学习摘要-引入样式

CSS学习摘要-引入样式 注:主要是摘录自MDN 网络开发者这个网站的. CSS 实际上如何工作? 当浏览器显示文档时,它必须将文档的内容与其样式信息结合.它分两个阶段处理文档: 浏览器将 HTML和 CSS转化成 DOM(文档对象模型).DOM在计算机内存中表示文档.它把文档内容和其样式结合在一起. 浏览器显示 DOM 的内容. 如何将你的 CSS 应用到你的 HTML 上 这有你常见的三种不同方式将 CSS 应用到 HTML 文档上,有的方式比其他方式更有用.在这里,我们将简要回顾一下每一种

前端学习(9)~css学习(三)：样式表和选择器

本文主要内容 CSS概述 CSS和HTML结合的三种方式:行内样式表.内嵌样式表.外部样式表 CSS四种基本选择器:标签选择器.类选择器.ID选择器.通用选择器 CSS几种扩展选择器:后代选择器.交集选择器.并集选择器 CSS样式优先级 CSS 概述 CSS:Cascading Style Sheet,层叠样式表.CSS的作用就是给HTML页面标签添加各种样式,定义网页的显示效果.简单一句话:CSS将网页内容和显示样式进行分离,提高了显示功能. css的最新版本是css3,我们目前学习的是css

css学习笔记:常用样式

CSS 1.CSS概述 层叠样式表 作用:控制页面的显示效果,最终用HTML去展示页面内容,用CSS样式去控制页面内容的显示效果 注释用/*    */ 2.CSS和HTML结合的方式 1.属性style结合方式(行内样式) 在标签中写style属性. style="属性:值" 2.style标签结合(内嵌方式) <style> code.... </style> 3.Link标签进行结合(最常用的) 1.先定义外部样式文件 2. 引入<link rel=

css学习_css三大特性

css三大特性 1.层叠性(就近原则) 2.继承性(和文字有关的会继承) 3.优先级   (权重问题) 权重:0,0,0,0 0001 ---标签选择器(注意:即使有20个标签选择器也不会比一个伪类选择器优先级高) 0010  ---类选择器,伪类选择器,属性选择器,伪元素选择器 0100  ---id选择器 1000 ---行内样式 最大的权重: !important eg: color!important;(一旦出现优先级最大) 权重是可以叠加的   对于复合选择器 eg:ul  li   

css学习_css

!!!拿到一个页面后应该先写结构再写样式 结构由大到小,由外到里 样式最好按顺序加 position  .float . 颜色  背景  字体 等... 1.行内(内联)样式 原文地址:https://www.cnblogs.com/yangyutian/p/10447952.html

css学习_css复合选择器

css复合选择器 a.交集选择器  (即...又...:选择器之间不能有空格) p.one{color:red;] b.并集选择器(中间由逗号隔开) p,div{color:red;} c.后代选择器(可以选择到所以的子孙后代 :中间用空格隔开) .class h3{color:red} d.子元素选择器(中间用 大括号  >; 选的是儿子,孙子啥的不算) div>span{color:red;} e.属性选择器(用中括号表示) a[title]{color:red;} input[type=

css学习_css背景属性及其应用

css背景属性及其应用 1.背景 2.背景简写 3.背景透明(css3) 4.背景缩放(css3) 5.多背景图片(css3) 6.凹凸文字效果 原文地址:https://www.cnblogs.com/yangyutian/p/10463515.html

css学习_css补充知识

1.渐进增强,优雅降级 2.浏览器前缀 3.背景渐变   4.css  验证工具 2种方式:第2种支持验证本地的css(推荐) 5.css压缩  ----(节约空间,节省带宽) 6.旋转轮播图 案例: 注意: 1.3d  旋转      3d 的translateZ 2.子盒子要一般要写transform-style属性 更有3d效果 3.过渡做动画 4.父元素透视属性  有3d效果 原文地址:https://www.cnblogs.com/yangyutian/p/10747713.html

css学习_css清除浮动

若元素没有设置宽高,那元素实际宽高是被内容撑起来, 若元素自己有设置宽高,那实际面积于自己的盒子模型有关 1.清除浮动的本质 清除浮动主要是为了解决父级元素因为子级浮动而引起的内部高度为0的问题. (当父元素没有设置高度时,子元素又全浮动了,此时子元素脱离文档流而不占据位置,那就会出现父元素高度为0底下的盒子会跑上来.) 2.清除浮动的方法 a.额外标签法(很少用,不想添加下无意义的标签) b.父级添加overflow方法(overflow:hidden) c.利用after伪元素清除浮动 注意