-
下拉框等需要显示上下箭头切换的CSS样式
下拉框等需要显示上下箭头切换的CSS样式 1 .icon-right, .icon-down, .icon-up { 2 display : inline-block ; 3 padding-right : 13rpx ; 4 position : absolute ; 5 /* 组件内调整箭头的位置 */ 6 right : 20rpx ; 7 top : 10rpx ; 8 } 9 10 .icon-right::after, .ico...
-
CSS flex 布局快速入门
以前已经学过flex了,一直没做笔记,现在做下笔记再回忆下。 首先,flex布局的迷之属性们,如果一知半解,机械记忆的话,那不到半个月基本忘光光。先感受一下这12个flex布局属性,是不是很迷人。 父容器属性 flex-flow flex-direction flex-wrap justify-content align...
-
一种业界通用的响应式布局解决方法
响应式布局能通吃pc端和移动端? 不能。从排版上来说: pc端和移动端一般布局和显示方式差异十分巨大 。 (同一个页面在pc端和移动端的呈现方式和风格迥异) 另外从事件响应上来说:pc端主要是mouse事件,而移动端则是touch、tap、swipe等事件。 两者的事件响应机制完...
-
Bootstrap-实现简单的网站首页
html: 1 ! DOCTYPE html 2 html lang ="zh-CN" 3 4 head 5 meta charset ="utf-8" 6 meta http-equiv ="X-UA-Compatible" content ="IE=edge" 7 meta name ="viewport" content ="width=device-width, initial-scale=1" 8 title TYNAM-个人门户网站 / title 9 !-- Boo...
-
如何disabled禁用所有表单input输入框元素
转载地址:https://www.zhangxinxu.com/wordpress/?p=8568 一、pointer-events:none和覆盖层方法的问题 经常会遇到需求,需要禁用 div 中或者 form 元素中一堆表单控件元素,如 input , select , textarea 元素。 很多人用的下面这两种方法实现: 设置 pointer-event...
-
前端基础 - HTML
一、简介 html是什么? ◆超文本标记语言(Hypertext Markup Language, HTML)通过 标签语言 来标记要显示的网页中的各个部分。一套规则,浏览器认识的规则 ◆浏览器按顺序渲染网页文件,然后根据标记符解释和显示内容。但需要注意的是,对于不同的浏览器,对同一标签...
-
写css注意的事项
!DOCTYPE htmlhtml lang="en"head meta charset="UTF-8" meta name="viewport" content="width=device-width, initial-scale=1.0" meta http-equiv="X-UA-Compatible" content="ie=edge" titleDocument/title style *{ margin: 0; padding: 0; box-sizing: border-box;...
-
CSS泣鬼神
一、CSS介绍和语法 CSS( C ascading S tyle S heet,层叠样式表)定义 如何显示 HTML元素。 每个CSS样式由两个组成部分:选择器和声明。声明又包括属性和属性值。每个声明之后用分号结束。 /*这是注释*/ 二、CSS的几种引入方式 行内样式 p style="color: red"Hello wor...
-
前端基础 - CSS
一、简介 CSS是Cascading Style Sheets的简称,中文称为层叠样式表,用来控制网页数据的表现,可以使网页的表现与数据内容分离。 二、CSS语法 CSS规则由两个主要的部分构成:选择器以及一条或多条声明。 ''' selector { property: value; property: value; ... propert...
-
【代码笔记】Web-CSS-CSS组合选择符
一,效果图。 二,代码。 ! DOCTYPE html html head meta charset ="utf-8" title CSS 组合选择符 / title style /* 后代选择器 */ div p { background-color : yellow ; } /* 子元素选择器 */ divp { background-color : green ; } /* 相邻兄弟选择器,选取了所有位于...
IDC资讯: 主机资讯 注册资讯 托管资讯 vps资讯 网站建设
网站运营: 建站经验 策划盈利 搜索优化 网站推广 免费资源
网络编程: Asp.Net编程 Asp编程 Php编程 Xml编程 Access Mssql Mysql 其它
服务器技术: Web服务器 Ftp服务器 Mail服务器 Dns服务器 安全防护
软件技巧: 其它软件 Word Excel Powerpoint Ghost Vista QQ空间 QQ FlashGet 迅雷
网页制作: FrontPages Dreamweaver Javascript css photoshop fireworks Flash
