![](https://img-blog.csdnimg.cn/20201014180756913.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
html和css
文章平均质量分 87
bit..
在校学生,偶尔写写博客,提高自我,希望对你我有所帮助
展开
-
CSS3 的其他特性(了解)
过度(transition) 时Css3中具有颠覆性的特征之一,我们可以在不使用Flash动画或JavaScript的情况下,当元素从一个样式换成另外一个样式时为元素添加效果。filter: 函数();可以让我们页面更好看,更动感十足,虽然 低版本浏览器不支持(ie9以下版本)但时不会影响页面布局。1. 广义的HTML5 是HTML5 本身 + CSS3 + JavaScript。3.虽然HTML5的一些特性任然不被某些浏览器支持,但是他是一种发展趋势。过度动画:是从一个状态 渐渐过度到另外一个状态。原创 2023-05-11 18:11:40 · 408 阅读 · 0 评论 -
HTML5的新特性,CSS3的新特性
默认已经打开,如 autocomplete="on",关闭 auto complete="off",需要放在表单内,同时加上name属性,同时成功提交。这些新特性都有兼容性问题,基本是IE9+以上版本的浏览器才支持,如果不考虑兼容性问题,可以大量使用这些新特性。HTML5 在不使用插件的情况下,也可以原生的支持音频格式文件的播放,当然,支持的格式是有限的。HTML5的新特性主要针对以前的不足,增加了一些新的标签,新的表单,新的表单属性等。CSS3给我们新增了选择器,可以更加便捷,更加自由的选择目标元素。原创 2023-04-20 10:44:11 · 348 阅读 · 0 评论 -
CSS常见布局技巧,CSS三角巧妙应用,CSS的初始化
边框过粗,边框都为1px 相当于1px+1px = 2px,所以中间的边框较粗。让右边的盒子向左走1px,将左边的边框遮住。不同浏览器对有些标签的默认值是不同的,为了消除不同的浏览器对HTML文本呈现的差异,照顾浏览器的兼容,我们需要CSS初始化。把中文字体的名称用相应的Unicode编码来代替,这样就可以有效的避免浏览器解释CSS代码时候出现乱码的问题。简单理解:CSS初始化是指重设浏览器的样式。微软雅黑 \5FAE\8F6F\96C5\9ED1。这里我们以 京东CSS初始化代码为例。原创 2023-04-09 22:54:57 · 351 阅读 · 0 评论 -
css三角和css 用户见面样式,vertical-align 属性应用,溢出的文字省略号显示,常见布局技巧
鼠标样式原创 2023-04-06 18:41:22 · 2149 阅读 · 56 评论 -
CSS 高级技巧
IcoMoon 成立于2011年,退出了第一个自定义图标字体生成器,它允许用户选择所需要的图标,使他们称一字型,该字库内容种类繁多,非常全面,唯一的遗憾是国外服务器,打开网速慢。因此,为了有效的减少服务器接受和发送请求的次数,提高页面加载的速度,出现了CSS精灵技术,也称 css sprite, css雪碧。把压缩包里面的selection.json 重新上传,然后选取自己想要的图标,重新下载压缩包,并替换原来的文件即可。如果在工作中,原来的字体图标不够用了,我们需要添加新的字体图标到原来的字体文件中。原创 2023-04-05 17:55:43 · 344 阅读 · 0 评论 -
综合案例——淘宝焦点图布局,土豆案例
3.左右两个按钮 用链接,左箭头 prev 右箭头 next。4.底侧小圆点ul继续做。类名为 promo-nav。1.大盒子我们类名为:tb-promo 淘宝广告。2.里面放一张图片。原创 2023-03-10 18:12:50 · 884 阅读 · 0 评论 -
CSS定位
定位模式是否脱标移动位置是否常用static 静态定位否不能使用边偏移很少relative 相对定位否 占有位置相对于自身位置移动常用absolute 绝对定位是 不占有位置带有定位的父级常用fixed 固定定位是 不占有位置浏览器可视区常用sticky 粘性定位否 占有位置浏览器可视区当前阶段较少。原创 2023-03-08 18:21:15 · 1264 阅读 · 0 评论 -
CSS——学成在线案例
input文本框 button按钮。实际开发中,我们不会直接用链接a而是用li包含链接(li+a的做法)。一个search大盒子里面包含2个表单。原创 2023-03-03 12:32:18 · 1928 阅读 · 0 评论 -
css 浮动
float 属性用于创建浮动框,将其移动到一边,知道左边缘或右边缘触及包含块或者另外一个浮动框的边缘。浮动的语法:选择器 {float:属性值;属性值描述none元素不浮动(默认值)left元素向左浮动right元素向右浮动。原创 2023-02-22 20:32:39 · 465 阅读 · 0 评论 -
CSS 圆角边框 盒子阴影 文字阴影
语法: box-shadow:h-shadow v-shadow blur spread color inset;radius半径(圆的半径)原理:(椭)圆与边框的交集形成圆角效果。border-radius 属性用于设置元素的外边框圆角。使用:语法:border-radius:length;在css3中新增盒子阴影 box-shadow。半透明:rgba(0,0,0, .3)3.文字阴影(text-shadow)1.圆角边框(重点)原创 2023-02-16 15:44:22 · 600 阅读 · 0 评论 -
CSS盒子模型
border-style: solid 实线边框 dashed 虚线边框 dotted 点式虚线边框。CSS盒子模型的本质上是一个盒子,封装周围的HTML元素。他包括:边框,外边距,内边距和实际内容。border-collapse 属性控制浏览器 绘制表格边框的方式,他控制相邻单元格的边框。所谓盒子模型:就是把HTML页面的布局元素看作是一个矩形的盒子,也就是一个盛装内容的容器。也就是说,如果盒子已经有了高多和宽度,此时再指定内边距,回撑大盒子。边框宽度(粗细) 边框样式 边框颜色。原创 2022-12-02 16:04:01 · 694 阅读 · 1 评论 -
CSS的三大特性
CSS的三大特性:层叠性,继承性,优先级。原创 2022-11-26 14:17:10 · 3303 阅读 · 1 评论 -
CSS的元素显示模式和CSS的背景
网页的标签元素非常多,在不同的地方会用到不同类型的标签,了解他们的特点可以更好的布局我们的网页。元素显示模式就是元素(标签)以什么方式进行显示,比如 自己占一行,比如一行可以放多个.HTML元素一般可以分为块元素和行内元素两种类型。元素模式元素排列设置样式默认宽度块级元素一行只能放一个块级元素可以设置宽度高度容器的100%行内元素一行可以放置多个元素不可以直接设置宽度高度它本身内容的宽度行内块元素一行可以放多个行内块元素可以设置高度和宽度。原创 2022-11-20 22:44:15 · 564 阅读 · 0 评论 -
CSS引入方式 Emmet语法 CSS复合选择器
样式表优点缺点使用情况控制范围行内样式表书写方便权重高结构样式混写较少控制一个标签内部样式表部分结构和样式相分离没有彻底分离较多控制一个页面外部样式表完全实现结构样式分离需要引入最多控制多个页面在CSS中,可以根据选择器的类型把选择器分为 基础选择器和符合选择器复合选择器建立在基础选择器上,对基本选择器进行组合形成的。符合选择器可以更准确更高效的选择目标元素(标签)符合选择器是由,两个或多个基础选择器,通过不同的方式组合而成的。原创 2022-11-16 21:14:13 · 797 阅读 · 19 评论 -
CSS基础选择器,CSS字体属性,CSS文本属性
属性表示注意点font-size字号单位px像素字体按工作中团队要求而定义字体粗细加粗 700/bold 不加粗 400/normal 数字后面不加单位font-style字体样式倾斜italic 不倾斜 normalfont字体连写1.字体连写是有顺序的,不能随意换位置2.其中字号和字体必须同时出现属性表示注意点color文本颜色通常用十六进制 例如:#ffftext-align文本对齐设置水平对齐方式文本缩写。原创 2022-11-12 22:38:13 · 991 阅读 · 1 评论 -
手拉手一起学HTML(下)——表格标签和列表标签,表单标签
一.表格标签1.1表格的主要作用1.2表格的基本语法 1.3表头单元格标签1.4表格属性1.6合并单元格(把多个单元格合并成一个单元格) 二.列表标签2.1无序列表2.2有序列表2.3自定义列表(重点)3.表单标签3.1为什么需要表单3.2表单的组成 3.3表单域是一个包含扁担元素的区域3.4表单控制(表单元素)3.4.1 input 表单元素 3.4.2 标签3.4.3 select 下拉表单元素3.4.4表单元素 表格是实际开发中非常常用的标签原创 2022-11-09 18:37:57 · 2616 阅读 · 20 评论 -
手拉手一起学 HTML(上)
HTML指的是超文本标记语言,他是描述网页的一种语言。 HTML 不是编程语言,而是一种标记语言,标记语言是一套标记标签。原创 2022-11-04 22:06:48 · 617 阅读 · 14 评论