![](https://img-blog.csdnimg.cn/20201014180756916.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
css
爸爸去哪了2之熊猫三胞胎
本人现在所处一个物联网公司,主要从事网站的前端后台相应的开发。
展开
-
web前端之less的使用
web前端之less的使用软件:koala进行对less的翻译代码: style.less@background:#ddd;/*命名空间*/#mynamespace { .divModel(@radius:5px){ -webkit-border-radius: @radius; -moz-border-radius: @radius;原创 2016-11-22 16:00:00 · 1184 阅读 · 0 评论 -
css实战之css画图
css实战之css画图实际效果图css3知识储备transform为css3的属性,其主要有四种类型进行变形处理(这边暂时不考虑3d效果): 1.旋转rotate transform:rotate(45deg) 只有一个参数,正数表示顺时针旋转相应的度数,反之则为逆时针 2.缩放scale transform:scale(0.5[,2]) 当只有一个参数时表示:水平和垂直同时缩放的倍率原创 2017-06-27 21:42:52 · 826 阅读 · 0 评论 -
web前端之CSS设计指南一:定位元素
web前端之CSS设计指南一:定位元素为文档添加样式的三种方法: 行内样式: 行内样式是写在特定HTML标签的style属性里面的,比如:<p style="font-size:12px;font-weight:bold;...">I am fzw</p>嵌入样式: 嵌入的CSS样式是放在HTML文档的head元素中的,比如:<html xmlns="http://www.w3.org/199原创 2016-12-09 15:33:41 · 518 阅读 · 0 评论 -
web前端之CSS设计指南二:页面布局(固定宽度、流动、弹性)
web前端之CSS设计指南二:页面布局(固定宽度、流动、弹性)页面布局有三种基本的实现方案:固定宽度、流动、弹性固定宽度布局的大小不会随着客户调整浏览器窗口的大小而变化,一边是900到1100像素。其中960像素是最为常见的。流动布局的大小会随着用户调整浏览器窗口大小而变化。这种布局能够很好地适应大屏幕,但也同时意味着放弃对页面某些方面的控制,比如随着页面宽度的变化,文本行的长度和页面元素之间的位置原创 2016-12-09 16:33:12 · 1162 阅读 · 0 评论 -
web前端之CSS设计指南三:界面组件(菜单)
web前端之CSS设计指南三:界面组件(菜单)纵向菜单:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"><html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en"><head> <meta原创 2016-12-09 17:25:07 · 583 阅读 · 0 评论 -
web前端之CSS设计指南四:响应式布局说明
web前端之CSS设计指南四:响应式布局说明响应式设计包含三个重要的方面。 媒体查询:是一种 CSS 语法,可以根据浏览器的特性,一般是屏幕或浏览器容器宽度提供CSS 规则; 流式布局:是使用 em 或百分比等相对单位设定页面总体宽度,让布局能够随屏幕大小而缩放; 弹性图片:是使用相对单位确保图片再大也不会超过其容器。媒体查询: 1.@media规则@media print{ nav原创 2016-12-09 19:06:38 · 625 阅读 · 0 评论 -
web前端之CSS布局的重要性
web前端之CSS布局的重要性如果你只想把所有内容都塞进一栏里,那么不用设置任何布局也是OK的。然而,如果用户把浏览器窗口调整的很大,这时阅读网页会非常不适:读完每一行之后,你的视觉焦点要从右到左移动一大段距离。display属性: 对于大多数元素他们的默认值通常是block或inline。一个block元素通常被叫做块状元素(一个块级元素会新开始一行并且尽可能撑满容器)。一个inline元素通常原创 2016-12-08 19:32:46 · 979 阅读 · 0 评论 -
CSS之CSS概念记录1
CSS之CSS概念记录CSS的选择器: (1) 子选择器,即大于符号(>),用于选择指定标签元素的第一代子元素: .food>li{border:1px solid red;} (2) 包含选择器,即加入空格,用于选择指定标签元素下的后辈元素。如右侧代码编辑器中的代码:.first span{color:red;}CSS的继承: CSS的某些样式是具有继承性的,那么什么是继承呢?继承是一种规原创 2016-10-09 23:05:54 · 272 阅读 · 0 评论 -
CSS之CSS概念记录2
CSS之CSS概念记录2元素分类: 常用的块状元素有: div、p、h1…h6、ol、ul、dl、table、address、blockquote 、form 常用的内联元素有: a、span、br、i、em、strong、label、q、var、cite、code 常用的内联块状元素有: img、input注意: 设置display:block就是将元素显示为块级元素。 块级元素特原创 2016-10-10 16:08:10 · 322 阅读 · 0 评论 -
CSS之实用技巧
CSS之实用技巧水平居中: 行内元素: 如果被设置元素为文本、图片等行内元素时,水平居中是通过给父元素设置 text-align:center 来实现的。(父元素和子元素:如下面的html代码中,div是“我想要在父容器中水平居中显示”这个文本的父元素。反之这个文本是div的子元素 )定宽块状元素: 块状元素的宽度width为固定值。 满足定宽和块状两个条件的元素是可以通过设置“左右marg原创 2016-10-10 16:24:31 · 311 阅读 · 0 评论 -
CSS之使用css布局
CSS之使用css布局一列布局:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"><html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en"><head> <meta http-equiv="原创 2016-10-11 11:23:30 · 339 阅读 · 0 评论 -
CSS优先级与!important
【CSS优先级与!important】CSS样式优先级:1、相同权值情况下,CSS样式的优先级总结来说,就是——就近原则(离被设置元素越近优先级别越高):内联样式表(标签内部)> 嵌入样式表(当前文件中)> 外部样式表(外部文件中)。2、权值不同时,浏览器是根据权值来判断使用哪种css样式的,哪种样式权值高就使用哪种样式。下面是权值的规则:标签的权值为1,类选择符的权值为10,ID选择符的权值最转载 2017-07-09 00:08:52 · 584 阅读 · 0 评论